Продолжаю делать обзоры на альтернативные плагины для решения популярных задач на сайтах, работающих на Joomla. На этот раз речь пойдет о плагине RokBox, который добавляет возможность смотреть изображения и видео с эффектом Lightbox. С помощью этого плагина у посетителей появится возможность просматривать полные изображения/видео во всплывающем окне при нажатии на мини-эскиз или ссылку.
Кроме этого плагина, эффект Lightbox добавляют и другие плагины: Mavik Thumbnail, FboxBot и JoomThumbnail (только для Joomla 1.5). Плагин RokBox отличается тем, что он не работает со всеми изображениями автоматически, а в том месте, которое обозначено специальными тегами. Однако среди его плюсов является подробная настройка эффекта всплывающего окна.
Принципы работы плагина
Для того, чтобы изображение открылось во всплывающем окне, нужно к ссылке на картинку добавить специальные теги плагина, при этом мини-эскиз будет создан автоматически:
Пример: {rokbox}images/picture.jpg{/rokbox}
Чтобы сделать альбом из нескольких добавленных изображений, нужно дописывать синтаксис album:
{rokbox album=|albumname|}images/picture.jpg{/rokbox}
К открывающим изображениям можно добавить заголовок, который будет видео пользователям и поисковикам:
{rokbox title=|Изображение1 :: Описание к изображению|}images/picture.jpg{/rokbox}
Можно сделать так, чтобы изображение открывалось при клике на текст, для этого:
{rokbox text=|Изображение1|}images/picture.jpg{/rokbox}
Чтобы добавить эффект Lightbox к видео, например с Youtube, запись будет примерно такая:
{rokbox text=|Видео1|} http://www.youtube.com/watch?v=FOyWVdhV0wI {/rokbox}
Вместо текста Видео1 можно установить выбранный мини-эскиз, тогда будет так:
{rokbox thumb=|images/video.png|} http://www.youtube.com/watch?v=FOyWVdhV0wI {/rokbox}
Установка и настройка плагина RokBox
Плагин устанавливается из Менеджера расширений, после чего в Менеджере плагинов по умолчанию будут активированы Content - RokBox и System- RokBox.
Настройки Content - RokBox
Try to load remote images sizes - создавать или нет мини-эскизы для измененных размеров изображения- Thumbnail Extension - добавляемый суффикс к мини-эскизам (по умолчанию _thumb)
- Thumbnail CSS Class - класс по умолчанию
- Use Custom Thumnail Directory - использовать или нет отдельную папку для мини-эскизов
- Custom Thumbnail Directory - если да, то указать название папки (по умолчанию cache)
- Thumbnail width in px - указать ширину мини-эскиза
- Thumbnail height in px - высота мини-изображения
- Thumbnail quality in % - качество мини-эскиза (чем меньше %, тем меньше занимает место, но хуже качество)
Настройки System - RokBox
Основные параметры
- Preset Themes - выбор стиля всплывающего окна (Clean, Light, Dark, Mynxx и Custom)
- Custom Theme - при выборе стиля Custom указать здесь название стиля
- Use Legacy Parameters - использовать или нет Legacy-параметры
Legacy Settings
RokBox Default Width/Height - ширина/высота всплывающего окна по умолчанию- Transition of RokBox Effect - выбор из выпадающего списка эффекта перехода
- Duration of RokBox Effect - продолжительность эффекта анимации (в мс)
- Chase - величина прохода (в пикселях) при эффекте Growl
- Type of Animation - выбор типа анимации (Fade, QuickSilver, Growl и Explode)
- Borders width - величина рамки вокруг всплывающего изображения (в пикселях)
- Content Padding - отступ от контента под изображением(в пикселях)
- Arrows Height - высота стрелки в контенте
- Show Captions - показывать или нет подписи к изображениям
- Captions Delay - время, после которого подпись будет показана (в мс)
- Follow when Scrolling - перемещать или нет изображение во время прокрутки сайта
- Enable Keys - использовать или нет управление с клавиатуры (стрелки вперед/назад, ESC)
- Overlay Background - цвет фона за всплывающим изображением
- Overlay Opacity - степень прозрачности этого фона
- Overlay Duration - скорость появления/исчезания фона
- Transition of Overlay Effect - тип появления фона
- AutoPlay - запускать видео автоматически при открытии всплывающего окна?
- YouTube AutoPlay - запускать или нет автоматически видео с YouTube
- YouTube High Quality (HD) - использовать или нет высокое качество картинки видео с Youtube
- Controller - показывать или нет панель управления при просмотре видео
- Background Color - цвет фона определенных форматов видео
- Vimeo Color - выбор цвета на видео из сервиса Vimeo
- Vimeo Portrait - показывать или нет логотип Vimeo
- Vimeo Title - отображать или нет название видео с Vimeo
- Vimeo Fullscreen - показывать или нет кнопку для просмотра видео с Vimeo на весь экран
- Vimeo Byline - выводить или нет автора видео с сервиса Vimeo
На стиле Custom у меня почему-то не открывалось всплывающее окно с изображением, если кто-то смог решить эту проблему, можете написать об этом в комментариях.
Комментарии
Почему-то бывает такое, что не запускаются