# 052: Galeri Memuat Lancar, Bahagian 2 - Trik CSS

Isi kandungan

Di mana kita mengetahui masalah yang kita hadapi dengan mendapatkan susun atur lajur untuk dimuat dengan baik. Penyelesaiannya adalah untuk membuang CSS yang menjadikan kotak aspek tempat nisbah aspek tetap berfungsi sebaik sahaja gambar dimuat (yang memegang nisbah aspek dengan sendirinya). Kemudian aplikasikan kelas CSS untuk membuat "pudar dalam" berfungsi (mengubah kelegapan dari 0 hingga 1). Mudah cheesy dan hanya sedikit JavaScript.

Perlu diingatkan bahawa pada versi langsung laman web ini sayangnya teknik yang hebat ini tidak akan berfungsi. Agar ia benar-benar berkesan, kita perlu mengetahui nisbah aspek di sisi pelayan gambar, kita dapat membuat grid dengan segera dengan tempat letak yang betul. Sayangnya kami tidak mempunyai maklumat yang ada di galeri sebenar. Kita boleh menggunakan PHP untuk mendapatkan dimensi, tetapi sangat lambat. Sebagai gantinya, kami menunggu semua gambar dimuat dan kemudian memudar pada kelegapannya. Tidak terlalu sejuk dan sedikit lebih perlahan, tetapi sekurang-kurangnya kurang memuatkan janky-ness.

Artikel menarik...