# 052: Галерея плавного завантаження, частина 2 - CSS-хитрощі

Зміст

У якому ми з’ясовуємо проблеми, з якими ми стикалися з тим, щоб макет стовпця добре завантажився. Виправлення полягало в тому, щоб видалити CSS, який робив, щоб пропорційні поля заповнення пропорцій працювали, як тільки зображення завантажується (що повністю зберігає пропорції). Потім застосуйте клас CSS, щоб змусити затухати (змінивши непрозорість від 0 до 1). Легкий сирний і просто купа JavaScript.

Слід зазначити, що в поточній версії сайту, на жаль, ця крута техніка не спрацює. Для того, щоб це було дійсно ефективно, нам потрібно знати співвідношення сторін на стороні сервера зображень, ми можемо миттєво створити сітку за допомогою правильних заповнювачів. На жаль, ми не маємо такої інформації, доступної нам у реальній галереї. Ми можемо використовувати PHP для отримання розмірів, але це дуже повільно. Натомість ми чекаємо, поки всі зображення завантажаться, а потім зникають у своїй прозорості. Не настільки круто і трохи повільніше, але принаймні менше навантажень.

Цікаві статті...