# 052: Smooth Loading Gallery, del 2 - CSS-triks

Innholdsfortegnelse

Der vi finner ut problemene vi hadde med å få kolonneoppsettet til å lastes inn pent. Løsningen var å fjerne CSS som gjorde at sideforholdets faste plassholderbokser fungerer når bildet lastes inn (som holder størrelsesforholdet helt av seg selv). Bruk deretter en CSS-klasse for å få "fade in" til å fungere (endre opasitet fra 0 til 1). Enkel osteaktig og bare en JavaScript-pute.

Det skal bemerkes at på den live versjonen av nettstedet dessverre denne kule teknikken ikke ville fungere. For at det skal være veldig effektivt, må vi kjenne størrelsesforholdet til bildeserver-siden, vi kan lage rutenettet umiddelbart med de riktige plassholderne. Dessverre har vi ikke den informasjonen tilgjengelig for oss i det virkelige galleriet. Vi kan bruke PHP for å få dimensjonene, men det er veldig tregt. I stedet venter vi på at alle bildene skal lastes inn og deretter falmer i opasiteten. Ikke like kult og litt tregere, men i det minste mindre belastning.

Interessante artikler...