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

Indholdsfortegnelse

Hvor vi finder ud af de problemer, vi havde med at få kolonnelayoutet til at indlæse pænt. Løsningen var at fjerne CSS, der fik sideforholdets sideforholdsfelter til at fungere, når billedet indlæses (som holder billedformatet helt alene). Anvend derefter en CSS-klasse for at få "fade in" til at fungere (ændre opacitet fra 0 til 1). Let osteagtig og bare en dukke af JavaScript.

Det skal bemærkes, at på den live version af webstedet desværre ville denne seje teknik ikke fungere. For at det skal være virkelig effektivt, skal vi kende billedserversiden til billedserversiden, vi kan oprette nettet med det samme med de rigtige pladsholdere. Desværre har vi ikke disse oplysninger tilgængelige for os i det rigtige galleri. Vi kan bruge PHP til at få dimensionerne, men det er meget langsomt. I stedet venter vi på, at alle billederne indlæses og derefter falmer i deres opacitet. Ikke lige så cool og lidt langsommere, men i det mindste mindre belastning.

Interessante artikler...