# 052: Sorunsuz Yükleme Galerisi, Bölüm 2 - CSS Hileleri

Anonim

Sütun düzeninin güzel bir şekilde yüklenmesini sağlamakta yaşadığımız sorunları çözdük. Düzeltme, görüntü yüklendikten sonra (en boy oranını tek başına tutan) en boy oranına uyan yer tutucu kutularının çalışmasını sağlayan CSS'yi kaldırmaktı. Ardından, "fade in" işlevinin çalışması için bir CSS sınıfı uygulayın (opaklığı 0'dan 1'e değiştirin). Kolay sevimsiz ve sadece bir parça JavaScript.

Sitenin canlı versiyonunda maalesef bu harika tekniğin işe yaramayacağına dikkat edilmelidir. Gerçekten etkili olabilmesi için görüntü sunucusu tarafının en boy oranını bilmemiz gerekiyor, doğru yer tutucularla ızgarayı anında oluşturabiliriz. Maalesef gerçek galeride bu bilgiye sahip değiliz. Boyutları elde etmek için PHP kullanabiliriz, ancak bu çok yavaştır. Bunun yerine, tüm görüntülerin yüklenmesini ve ardından opaklığında kaybolmasını bekleriz. Oldukça havalı ve biraz daha yavaş değil, ama en azından daha az yükleme sarsıntısı.