Хотите получать свежие новости сайта? Подпишитесь на рассылку:

JCE MediaBox часть 1

1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 [2 Голоса (ов)]

box1JCE MediaBox - дополнительный плагин для визуального редактора JCE. Главное его предназначение - возможность добавления эффекта lightbox (красивое появление картинки во всплывающем окне) для выбранных изображений в статьях. Кроме изображений во всплывающем окне можно настроить показ видео и флэш.

С помощью этого плагина для JCE можно добавить эффект Lightbox для отдельной картинки. Чтобы активировать подобный эффект для всех изображений на сайте можно воспользоваться плагинами - Mavik Thumbnails или JoomThumbnail.

Установка

Для редактора JCE 1.5.7 плагин устанавливается стандартным способом через Расширения -> Установить/Удалить. После завершения установки нужно войти в каталог плагинов, там найти в списке System JCE MediaBox и включить его.

Для 2-й версии визуального редактора JCE плагин устанавливается внутри компонента, на вкладке Установка дополнений. После чего появится новый пункт в меню компонента Параметры JCE MediaBox. Там можно выполнить настройку дополнения.

Активирование эффекта Lightbox

Для настройки эффекта в JCE 1.5.7 следует выполнить следующие действия:

  1. jce-mediaВ визуальном редакторе JCE выделить загруженное мини-изображение и нажать кнопку advlink
  2. В появившемся окне ввести ссылку к изображению или найти его в каталоге, нажав browser.
  3. Ниже можно указать заголовок изображения.
  4. Во второй вкладке Advanced в поле Class list выбрать jcepopup.

Проделав описанные операции, увеличенные изображения будут открываться с эффектом lightbox. Кроме того, можно открывать картинку при нажатии на текст-ссылку, для этого нужно выделить нужный текст, нажать advlink и проделать вышеописанное от пункта 2.

mediaboxjce2

Для версии JCE 2 проделыются такие же операции, только после 4-го пункта, в третьей вкладке Всплывающие окна выбрать JCE MediaBox Popups. После чего появятся поля, которые при необходимости нужно заполнить. При наведении курсора на заголовок поля будет показано его назначение.

 

Активирование галереи изображений

jce-media2Существует возможность создания галереи изображений (т.е. при открытии одной картинки, можно просматривать следующие, переключая их стрелкой). Для этого в изображениях в поле Relationship page to target выбрать Add Value и придумать имя группы изображений (group[name]). Картинки, к которым вы укажите одинаковое имя группы, будут просматриватья в одном окне. Кроме указания группы можно установить размеры всплывающиего окна через точку с запятой (group[name]; width[650]; height[480]).

Для второй версии редактора JCE во вкладке Всплывающие окна в поле Группа указывается название, которое будет одним, для определенных файлов.

Включение всплывающей подсказки

  1. Выделить картинку (или текст)
  2. В панели редактора JCE нажать кнопку добавления атрибутов attributes
  3. В поле Class выбрать Add Value и потом ввести туда - jcetooltip
  4. В поле написать текст, который будет показан в подсказке

Вывод видео и флэш

Чтобы добавить видео с сайтов Youtube, Vimeo и т.п. - необходимо нажать advlink и вставить ссылку на видео (взять с адресной строки).

Для добавления флэш и видео-файлов: нажать advlink , указать путь к файлу, а во второй вкладке помимо заполнения полей Class list и Relationship page to target, нужно указать в поле Target MIME type значения:

  • flash или application/x-shockwave-flash - для флэш, включая файлы flv
  • quicktime или video/quicktime - для видео Quicktime файлов
  • windowsmedia или mplayer или application/x-mplayer2 - для видео-фалов (Windows Media Player)
  • real или realaudio или audio/x-pn-realaudio-plugin - для Real Audio/Video файлов
  • divx или video/divx - для DivX файлов
  • director или application/x-director - для Shockwave/Director файлов.

Для версии JCE 2 во вкладке Всплывающие окна в поле Тип медиа устанавливливается нужный тип из выпадающего списка.

    Продолжение настройки JCE MediaBox для редактора JCE 1.5.7...

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

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