# 052: Galeria płynnego ładowania, część 2 - CSS-Tricks

Spisie treści

W którym rozwiązaliśmy problemy, które mieliśmy z ładnym ładowaniem układu kolumn. Poprawka polegała na usunięciu kodu CSS, który sprawiał, że pola zastępcze zgodne z proporcjami działały po załadowaniu obrazu (który sam utrzymuje proporcje). Następnie zastosuj klasę CSS, aby „zanikanie” zadziałało (zmieniając krycie z 0 na 1). Łatwo tandetny i po prostu kupa JavaScript.

Należy zauważyć, że w wersji live strony niestety ta fajna technika nie zadziała. Aby był naprawdę skuteczny, musimy znać proporcje obrazu po stronie serwera, możemy natychmiast utworzyć siatkę z odpowiednimi symbolami zastępczymi. Niestety nie mamy dostępnych dla nas tych informacji w prawdziwej galerii. Możemy użyć PHP, aby uzyskać wymiary, ale jest to bardzo powolne. Zamiast tego czekamy, aż wszystkie obrazy zostaną załadowane, a następnie znikną ich przezroczystość. Nie tak fajne i trochę wolniejsze, ale przynajmniej mniej szarpane ładowaniem.

Interesujące artykuły...