Kami memiliki tata letak kisi untuk Galeri. Sayangnya pemuatannya agak mendadak dan miring. Ini karena kolom CSS3 dirancang untuk membagi konten di antara setiap kolom secara merata, tetapi gambar terkadang membutuhkan waktu beberapa saat untuk dimuat dan belum memiliki lebar / tinggi untuk digunakan. Jadi ketika mereka muncul, kolom perlu mengatur ulang sendiri.
Saya pikir kita bisa mencegah kemunduran ini dengan beberapa JavaScript. Karena kita mengetahui tinggi dan lebar gambar, kita dapat membuat kotak dengan rasio aspek yang benar untuk diletakkan di sana sebagai placeholder. Kemudian saat gambar dimuat, kami akan mengganti placeholder dengan gambar.
Di akhir video, kami berada di jalur yang benar, tetapi sedikit rusak. Jangan khawatir, kami akan memperbaikinya di video berikutnya.