Стандартная ситуация: нужно разместить большое изображение на сайте так, чтобы оно вписалось в габариты страницы, и пользователь мог просмотреть на нем важные мелкие детали.
Данную проблему решает технология highslide двумя способами: сжатием изображения до нужных размеров посредством CSS или созданием уменьшенной копии в пропорциях.
При нажатии изображение увеличивается в модальном окне. В первом случае просто разворачиваясь до оригинального размера, а во втором — загружая более крупный оригинал.
Пример работы плагина Image Zoom
На скриншотах ниже пример работы второго варианта, где для крупного изображения создается его уменьшенная копия с сохранением пропорций.
Скриншот админ панели WordPress комфортно вписался в габариты страницы за счет внутреннего функционала движка. Он позволяет настроить создание уменьшенных копий оригинальных изображений и экономить на скорости загрузки страницы.
Пример плавного увеличения изображения в модальном окне. Затемнение фона и прочие нюансы можно настроить в плагине.
Установка и настройка Image Zoom
Плагин без проблем устанавливается из репозитория WordPress. Параметры описывать нет смысла. Настройки не сложные и позволяют выбрать максимальные размеры, поменять скин и добавить текст на кнопки.
Использование Image Zoom
Изображение будет увеличиваться только при условии, что оно является ссылкой и ссылается на другое изображение — более крупное. Делается это с помощью указания ссылки в редакторе, а далее плагин сам подхватывает условие и меняет код в готовой статье
Комментарии