Главная > Скрипты и коды > Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)
Автоматическое преобразование изображений в адаптивные при помощи 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 Вернуться назад |