Mediabox CK – открытие изображений во всплывающем окне

833

Mediabox CK, или как указан данный плагин в каталоге расширений – Mediabox_CK – это специальное расширение, которое позволяет открывать внешние ссылки и изображения, а также видео во всплывающем окне (lightbox). Разработчик сделал этот компонент бесплатным для скачивания, но вот объяснить, как им пользоваться не удосужился, а вернее сказать сделал этот аспект менее удобным. Попробуем внедрить плагин и установить его параметры совершенно легко и удобно.

Mediabox-CK-03

Есть несколько вариаций выполнения этого расширения. Например, вы можете встроить ссылку или фото при помощи встроенного редактора, а можете написать код вручную. Мы рассмотрим оба варианта.

Mediabox-CK-04

Давайте посмотрим для начала на настройки самого плагина в менеджере расширений.

Mediabox-CK-02

Здесь можно настроить такие параметры как:

  • Эффект изменения размера объекта
  • Время выполнения и задержки отображения эффектов
  • Выбор самого эффекта
  • Ширина и высота объекта
  • Отступы по горизонтали и по вертикали
  • Показать заголовок и счетчик объекта

Mediabox-CK-01

Далее идут следующие параметры:

  • Настройки стиля отображения – радиус угла
  • Отступы тени и непрозрачность объекта
  • Фон для изображения, цвет текста

Теперь перейдем непосредственно к самому написанию кода.

Если вы пользуетесь редактором типа JCE, то для него есть отдельный плагин (скачать его можно по ссылке внизу статьи), но можно воспользоваться и этим расширением.

Настройку через JCE редактор можно посмотреть на видео, которое представлено чуть ниже.

Нас интересует внедрение кода напрямую (код HTML).

 1_1219372692394

Если посмотреть на код, то можно заметить, что всего лишь добавилось значение rel=”lightbox”  к ссылке на изображение.

Преимущества

  • Возможность установки изображений, видео, сайтов во всплывающем окне.
  • Требуется минимальный код для внедрения.
  • Полностью настраиваемое решение.


mediaboxAdvanced

exjm_11357″ target=”_blank”>плагин для JCE