# 052: Galerie plynulého načítání, část 2 - Triky CSS

Obsah

Ve kterém jsme zjistili problémy, které jsme měli při načítání rozložení sloupců do pěkného načtení. Oprava spočívala v odebrání CSS, díky němuž fungovaly zástupné rámečky dodržující poměr stran, jakmile se obrázek načte (který sám o sobě drží poměr stran). Poté použijte třídu CSS, aby „fade in“ fungovalo (změna krytí z 0 na 1). Snadné kýčovité a jen hromada JavaScriptu.

Je třeba poznamenat, že na živé verzi webu by tato skvělá technika bohužel nefungovala. Aby to bylo opravdu efektivní, potřebujeme znát poměr stran obrazu na straně serveru, můžeme vytvořit mřížku okamžitě se správnými zástupnými znaky. Tyto informace bohužel nemáme k dispozici ve skutečné galerii. K získání rozměrů můžeme použít PHP, ale je to velmi pomalé. Místo toho počkáme, až se načtou všechny obrázky, a poté zmizíme v jejich neprůhlednosti. Ne tak cool a trochu pomalejší, ale přinejmenším méně načítání janky.

Zajímavé články...