Mediabox CK, или как указан данный плагин в каталоге расширений - Mediabox_CK - это специальное расширение, которое позволяет открывать внешние ссылки и изображения, а также видео во всплывающем окне (lightbox). Разработчик сделал этот компонент бесплатным для скачивания, но вот объяснить, как им пользоваться не удосужился, а вернее сказать сделал этот аспект менее удобным. Попробуем внедрить плагин и установить его параметры совершенно легко и удобно.
Есть несколько вариаций выполнения этого расширения. Например, вы можете встроить ссылку или фото при помощи встроенного редактора, а можете написать код вручную. Мы рассмотрим оба варианта.
Давайте посмотрим для начала на настройки самого плагина в менеджере расширений.
Здесь можно настроить такие параметры как:
- Эффект изменения размера объекта
- Время выполнения и задержки отображения эффектов
- Выбор самого эффекта
- Ширина и высота объекта
- Отступы по горизонтали и по вертикали
- Показать заголовок и счетчик объекта
Далее идут следующие параметры:
- Настройки стиля отображения - радиус угла
- Отступы тени и непрозрачность объекта
- Фон для изображения, цвет текста
Теперь перейдем непосредственно к самому написанию кода.
Если вы пользуетесь редактором типа JCE, то для него есть отдельный плагин (скачать его можно по ссылке внизу статьи), но можно воспользоваться и этим расширением.
Настройку через JCE редактор можно посмотреть на видео, которое представлено чуть ниже.
Нас интересует внедрение кода напрямую (код HTML).
Если посмотреть на код, то можно заметить, что всего лишь добавилось значение rel="lightbox" к ссылке на изображение.
Преимущества
- Возможность установки изображений, видео, сайтов во всплывающем окне.
- Требуется минимальный код для внедрения.
- Полностью настраиваемое решение.
https://www.youtube.com/embed/7qMgRQZy9yY
Was this helpful?
