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

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

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

Mediabox-CK-03

FREE

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

Mediabox-CK-04

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

Mediabox-CK-02

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

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

Mediabox-CK-01

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

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

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

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

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

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

 <a rel="lightbox" href="/images/stories/images/1_1219372692394.jpg"><img alt="1_1219372692394" src="/images/stories/images/1_1219372692394.jpg" height="150" width="200" /></a>

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

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

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

Get – получить

плагин для JCE