logo

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

Этот плагин для WordPress позволяет плавно увеличивать размер изображения при клике на него. В базовом состоянии это изображение остается вписанным в разеры основного контейнера. Устанавливается и настраивается очень просто и быстро.

Внимание! В последних версиях WordPress данный плагин стал работать некорректно. Разбираться не стал и написал свое более простое решение. WordPress: плавное увеличение изображений на Higslide

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

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

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

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

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

Уменьшенная копия изображения по размерам сетки

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

Плавное увеличение изображения в модальном окне — загружается оригинал

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

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

SL Image Zoom

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

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

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


WordPress: плавное увеличение изображений на Higslide
Очень простой плагин плавного увеличения изображений, который я написал себе для CMS WordPress. Плагин создавался для замены имеющихся решений, которые...
Полный гайд по миграции с CMS DLE на WordPress
Данный сайт в апреле 2019 года полностью переехал с CMS DLE на CMS WordPress и в июне, после завершения всех...
PHP — простой ротатор баннеров, ротатор для DLE и WordPress
Аналог на javascriptАналог на PHP для больших кодов Очень простой ротатор кода на PHP. Сначала мы объявляем простой двумерный массив...
Как изменить пароль пользователя CMS DLE и WordPress через SQL-запрос
Перебираю старые статьи с целью их оптимизации и наткнулся на эту. В принципе, способ подойдет для любой системы на любом...
Особенности и возможности современных шаблонов для CMS WordPress
CMS WordPress — это мощная система с безграничными возможностями кастомизации шаблона и настройки функционала. На этом движке можно создать проект...

Комментарии

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