Image Zoom — плагин WordPress для плавного увеличения изображений в модальном окне

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

Данную проблему решает технология highslide двумя способами: сжатием изображения до нужных размеров посредством CSS или созданием уменьшенной копии в пропорциях.

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

Пример работы плагина Image Zoom

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

image zoom post 620x401 - Image Zoom — плагин WordPress для плавного увеличения изображений в модальном окне
Уменьшенная копия изображения по размерам сетки

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

Пример плавного увеличения изображения в модальном окне. Затемнение фона и прочие нюансы можно настроить в плагине.

image zoom modal 620x303 - Image Zoom — плагин WordPress для плавного увеличения изображений в модальном окне
Плавное увеличение изображения в модальном окне — загружается оригинал

Установка и настройка Image Zoom

Плагин без проблем устанавливается из репозитория WordPress. Параметры описывать нет смысла. Настройки не сложные и позволяют выбрать максимальные размеры, поменять скин и добавить текст на кнопки.

wp search plugin 620x160 - Image Zoom — плагин WordPress для плавного увеличения изображений в модальном окне
SL Image Zoom

Использование Image Zoom

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

image zoom link - Image Zoom — плагин WordPress для плавного увеличения изображений в модальном окне

Читайте также

Похожие записи

Folders — плагин WordPress для создания отдельного независимого каталога для записей
Folders — плагин, который создает дополнительный катало для записей независимый от основного. Он органично вписывается в дизайн и никак не...
Полезные плагины для CMS WordPress
WordPress — самая популярная Open Source система управления контентом. Эту планку проект удерживает уже более 10 лет. Главными ее преимуществами...
WordPress — простая HTML карта сайта без модулей
Есть несколько способов настроить HTML карту сайта для CMS WordPress. Можно установить модуль и приукрасить его на CSS. Но для...
WordPress — SQL запрос для смены адреса сайта
Случается так, что сайт меняет доменное имя. Ничего страшного в этом нет, но WordPress остается привязан к старому адресу на...
WordPress — как изменить разметку отдельных элементов в посте
Посмотрите на расположение картинок и текст их описания на скриншоте выше. Сверстать подобное не составит никакого труда, если это редактор...

Комментарии

Бесполезно писать спамные сообщения. Все комментарии проверяются;
Можно оставлять ссылки (через <a href), если они несут полезную информацию или дополняют статью;

Добавить комментарий