Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


search

Плагин RokBox

rokboxПродолжаю делать обзоры на альтернативные плагины для решения популярных задач на сайтах, работающих на 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

  • rokbox1Try 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

  • rokbox2RokBox 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 у меня почему-то не открывалось всплывающее окно с изображением, если кто-то смог решить эту проблему, можете написать об этом в комментариях.

 

Комментарии  

#3 тим 19.01.2014 17:02
Почему то периодически при нажатии на картинку видео начинает само по себе скачиваться в компьютер, хотя при повторном нажатии срабатывает нормально - открывая видео в всплывающем окне.
#2 Administrator 18.09.2013 13:54
Цитирую tramp:
подскажите пожалуйста, ставлю AutoPlay - "ДА", но видео не запускается автоматически при открытии всплывающего окна, начинает проигрывать только после нажатия кнопки Play

Почему-то бывает такое, что не запускаются
#1 tramp 16.09.2013 19:16
подскажите пожалуйста, ставлю AutoPlay - "ДА", но видео не запускается автоматически при открытии всплывающего окна, начинает проигрывать только после нажатия кнопки Play

Добавить комментарий

Защитный код
Обновить

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...
     
  • Компонент JoomShopping. Товары и категории

    Валерий
    Здравствуйте. Мне очень нужна Ваша помощь. Как возможно сделать, чтобы форма заказа товара в joomshopping ...