—»     —»   Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)
  Раздел: Скрипты и коды   Комментариев: 2  

Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)



Для того чтобы изображения у всех пользователей с различными устройствами вписывались в шаблон, нам нужно предоставить несколько размеров изображений.

Тем не менее, на создание изображений разных размеров может потребоваться много времени, и к тому же возникает вопрос, что делать, если в будущем понадобятся и друге размеры изображения?

Responsive Img представляет собой решение для всех – оно совмещает плагин jQuery и препроцессор изображений на PHP.

Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)

Плагин позволяет странице изменять src-атрибуты изображений в соответствии с шириной контейнера, а PHP-файл автоматически создает новые/измененные в размере изображения.

Изображения создаются только тогда, когда они запрашиваются в первый раз, и этот процесс не будет повторяться при последующих запросах, что положительно сказывается на производительности.

Также есть возможность выставить breakpoint’ы и габариты изображений для каждого breakpoint’а.

Требования: jQuery и PHP
Веб-сайт: http://responsiveimg.com/
Скачать: https://github.com/drewbrolik/Responsive-Img
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Design FactoRy   Прочитано (раз): 4946   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 11 декабря 2012 @ 22:31
Написал: A. P. — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Ужасный, костыльный и просто вредный плагин. Хуже только Землю крутить вручную вокруг оси.

Аффтары, вы когда-нибудь слышали о том, что статику надо отдавать nginx-ом? Неужели сложно прописать поддиректории для статики нужных размеров, и поставить обработчик на 404 ошибку так, чтобы он ходил за ресайзом картинки, а Нгинкс уже локально хранил?

Аффтар видно сразу, никогда не работал с высоконагруженными сайтами.
Комментарий #2: 11 декабря 2012 @ 22:35
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3300   |   Комментариев: 500
ICQ: --- не указано ---
A. P., предложите решение. Уверен, что многие на этом сайте скажут вам БОЛЬШОЕ СПАСИБО.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930