Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)
11 декабря 2012, 13:45. Разместил: Design FactoRy
Тем не менее, на создание изображений разных размеров может потребоваться много времени, и к тому же возникает вопрос, что делать, если в будущем понадобятся и друге размеры изображения?
Responsive Img представляет собой решение для всех – оно совмещает плагин jQuery и препроцессор изображений на PHP.
Плагин позволяет странице изменять src-атрибуты изображений в соответствии с шириной контейнера, а PHP-файл автоматически создает новые/измененные в размере изображения.
Изображения создаются только тогда, когда они запрашиваются в первый раз, и этот процесс не будет повторяться при последующих запросах, что положительно сказывается на производительности.
Также есть возможность выставить breakpoint’ы и габариты изображений для каждого breakpoint’а.
Требования: jQuery и PHP
Веб-сайт: http://responsiveimg.com/
Скачать: https://github.com/drewbrolik/Responsive-Img
Вернуться назад