45

Q2W3 Thickbox. Открытие изображений во всплывающем окне

Выкладываю свой собственный плагин для открытия изображений во всплывающем окне без перезагрузки страницы.


Содержание:

Системные требования

  1. PHP 5
  2. WordPress 2.8.x или выше
  3. Поддержка javascript браузером клиента

Установка

  1. Скачать плагин
  2. Загрузить файлы плагина на сервер WordPress в папку /wp-content/plugins
  3. Активировать плагин через панель управления WordPress

Особенности

Плагин использует javascript библиотеки jQuery и Thickbox, входящие в дистрибутив WordPress. Необходимые для работы всплывающего окна классы и атрибуты устанавливаются автоматически с помощью простого кода jQuery. На странице конфигурации плагина этот код можно изменить под себя или полностью удалить (ручной режим).

В ручном режиме классы и атрибуты необходимо прописывать самостоятельно внутри открывающего тега <a>:
class=»thickbox» — необходим для указания ссылки, которую надо открыть во всплывающем окне. По умолчанию устанавливается для всех ссылок, имеющих внутри изображение.
title=»Текст» — значение этого атрибута отображается внизу всплывающего окна как подпись под изображением. По умолчанию title ссылки берется из атрибута alt изображения находящегося внутри ссылки.
rel=»Любое значение» — необходим для отображение во всплывающем окне ссылок навигации (вперед/назад) между элементами, имеющими одинаковый атрибут rel. По умолчанию задействован только для стандартных галерей WordPress. Для корректного функционирования тег gallery должен использоваться с атрибутом link=»file». Пример: [ gallery link=»file» ]

Кстати, внутри всплывающего окна можно отображать не только изображения, но и другие веб-страницы, pdf и т.п.

Как вставить изображние
Изображения вставляются как обычно, но есть один нюанс. Для правильной работы необходимо использовать опцию «Ссылка на файл». См. скриншот:

Форма вставки изображения

Демонстрация работы
Отдельное изображение. Подпись во всплывающем окне соответствует значению атрибута alt изображения. Навигационные ссылки отсутствуют.

Филя

Филя

Стандартная галерея WordPress. Во всплывающем окне присутствуют навигационные ссылки.

Другие плагины: