# 93: Попытка плавной загрузки страниц галереи - CSS-хитрости

Anonim

Все это время мы потратили на наш статический макет, создавая хитрый JavaScript, который «плавно загружал» изображения в галерее. Теперь, когда у нас есть настоящая Галерея с реальными изображениями, этого больше нет.

По сути, нам нужно, чтобы наши оболочки изображений имели верхний отступ в соответствии с соотношением сторон изображения. В статическом макете это было легко, потому что мы знали высоту и ширину изображения. У нас больше нет этой информации, у нас есть только URL-адрес изображения.

Мы Google учебник по получению размеров изображения с помощью PHP. После того, как мы установим его и посетим галерею, он загружается очень медленно. Вероятно, это функция PHP getimagesize. Мы предполагаем, что, когда он будет запущен, и он будет запрашивать изображения с того же сервера, на котором он находится, это будет быстрее.

Оказывается, к сожалению, это не так. Эта функция просто медленная, потому что она должна запрашивать все изображение и обрабатывать его, чтобы получить необходимую информацию. Позже нам просто нужно прибегнуть к чему-то совершенно другому, чтобы загрузка прошла гладко. Типа облом. Если бы мы могли повернуть время вспять, мы должны были бы использовать собственный загрузчик мультимедиа WordPress для загрузки этих изображений, а не настраиваемое поле. Таким образом, у нас был бы доступ к данным размеров изображения, которые хранятся в базе данных, что сделало бы все это возможным.