# 052: Sima rakodási galéria, 2. rész - CSS-trükkök

Tartalomjegyzék

Ebben kitaláljuk azokat a problémákat, amelyek az oszlopelrendezés szép betöltésével járnak. A javítás az volt, hogy eltávolítsuk azt a CSS-t, amely a képarány-betartó helyőrző mezőket működésbe hozta, amint a kép betöltődik (amely önmagában tartja a képarányt). Ezután alkalmazzon egy CSS osztályt a „fade in” működéséhez (az opacitás 0-ról 1-re változtatására). Könnyű ciki és csak egy JavaScript.

Meg kell jegyezni, hogy az oldal élő verzióján ez a klassz technika sajnos nem fog működni. Ahhoz, hogy valóban hatékony legyen, tudnunk kell a képszerver oldali képarányt, a megfelelő helyőrzőkkel azonnal létrehozhatjuk a rácsot. Sajnos a valódi galériában nem áll rendelkezésünkre ez az információ. Használhatjuk a PHP-t a méretek megszerzéséhez, de nagyon lassú. Ehelyett megvárjuk, amíg az összes kép betöltődik, majd elhomályosulnak. Nem egészen olyan hűvös és kissé lassabb, de legalább kevésbé terheli meg.

érdekes cikkek...