# 052: Галерия за плавно зареждане, част 2 - CSS-трикове

Съдържание

В която ние разбрахме проблемите, които имахме с това, че оформлението на колоната се зарежда добре. Поправката беше да се премахне CSS, който караше съотношението на страните, спазващи кутиите с резервни части, да заработи, след като изображението се зареди (което поддържа съотношението само по себе си). След това приложете CSS клас, за да накарате „избледняването“ да работи (промяна на непрозрачността от 0 на 1). Лесно сирене и просто много JavaScript.

Трябва да се отбележи, че в живата версия на сайта за съжаление тази готина техника няма да работи. За да бъде наистина ефективен, трябва да знаем пропорциите на страната на сървъра за изображения, можем да създадем мрежата незабавно с правилните заместители. За съжаление нямаме тази информация, която да ни е на разположение в истинската галерия. Можем да използваме PHP, за да получим размерите, но това е много бавно. Вместо това изчакваме всички изображения да се заредят и след това избледняват в своята непрозрачност. Не чак толкова готино и малко по-бавно, но поне по-малко натоварващо дрънкане.

Интересни статии...