Kami mempunyai susun atur grid untuk Galeri berjalan. Sayangnya pemuatannya agak tiba-tiba dan tidak kemas. Ini kerana lajur CSS3 dirancang untuk membagi kandungan di antara setiap lajur secara merata, tetapi gambar kadangkala memerlukan sedikit masa untuk dimuat dan belum memiliki lebar / tinggi untuk digunakan. Oleh itu, apabila ruangan itu muncul, lajur perlu menyusun semula diri mereka sendiri.
Saya rasa kita boleh mencegah masalah ini dengan beberapa JavaScript. Oleh kerana kita mengetahui tinggi dan lebar gambar, kita dapat membuat kotak dengan nisbah aspek yang betul untuk meletakkannya sebagai tempat letak. Kemudian apabila gambar dimuat, kami akan mengganti placeholder dengan gambar.
Pada akhir video, kita sudah berada di landasan yang betul, tetapi ia sedikit rosak. Jangan risau, kami akan memperbaikinya di video seterusnya.