# 052: Galerie de încărcare fără probleme, partea 2 - CSS-Tricks

Cuprins

În care ne dăm seama de problemele pe care le aveam cu obținerea aspectului coloanei pentru a se încărca frumos. Remedierea a fost eliminarea CSS care făcea să funcționeze casetele de substituent care respectă raportul de aspect odată ce imaginea se încarcă (care deține raportul de aspect de la sine). Apoi aplicați o clasă CSS pentru a face ca „fade in” să funcționeze (schimbând opacitatea de la 0 la 1). Brânză ușoară și doar o porțiune de JavaScript.

Trebuie remarcat faptul că, pe versiunea live a site-ului, din păcate, această tehnică interesantă nu ar funcționa. Pentru ca acesta să fie cu adevărat eficient, trebuie să cunoaștem raportul de aspect al imaginii pe partea serverului, putem crea instantaneu grila cu substituenții corecți. Din păcate, nu avem aceste informații disponibile în galeria reală. Putem folosi PHP pentru a obține dimensiunile, dar este foarte lent. În schimb, așteptăm să se încarce toate imaginile și apoi să dispară în opacitatea lor. Nu la fel de mișto și puțin mai lent, dar cel puțin mai puțin încărcat.

Articole interesante...