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

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

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


search

JCE MediaBox часть 1

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...

Комментарии  

+2 #22 T 11.09.2012 15:08
Цитата:
Спасибо за вопрос, попробовал я это сделать. И понял что в описании не написал важный момент, что во вкладке "Вспылвающие окна" нужно обязательно указать размер этого окна
ОГРОМНОЕ спасибо! целый день на это убила, спасибо еще раз!
#21 Administrator 11.09.2012 13:01
Цитирую T:
Не получается привязать флеш ролик к картинке. Делаю так:
В редакторе выделяю картинку, нажимаю "вставить\редактировать ссылку". В поле ссылка указываю путь к swf файлу, во вкладке "всплывающие окна" выбираю JCE mediabox, тип медиа - flash и др (пробовала и другие варианты подставлять). В итоге картинка становится как бы с ссылкой, но сам ролик не открывается, а пустое маленькое окошко. Вот - http://бинбег64.рф/napolnitel там одна картинка в начале с шариками, к ней привязан флеш. Что я делаю не так?
Joomla 1,5. JCE обновлен, медиабокс 1.1.4 версия. (пробовала и до обновления)
Да, еще пыталась также не с картинкой а с текстом сделать, тоже самое, и ролики разные тоже пробовала

Спасибо за вопрос, попробовал я это сделать. И понял что в описании не написал важный момент, что во вкладке "Вспылвающие окна" нужно обязательно указать размер этого окна
#20 T 10.09.2012 18:15
Не получается привязать флеш ролик к картинке. Делаю так:
В редакторе выделяю картинку, нажимаю "вставить\редак тировать ссылку". В поле ссылка указываю путь к swf файлу, во вкладке "всплывающие окна" выбираю JCE mediabox, тип медиа - flash и др (пробовала и другие варианты подставлять). В итоге картинка становится как бы с ссылкой, но сам ролик не открывается, а пустое маленькое окошко. Вот - http://бинбег64.рф/napolnitel там одна картинка в начале с шариками, к ней привязан флеш. Что я делаю не так?
Joomla 1,5. JCE обновлен, медиабокс 1.1.4 версия. (пробовала и до обновления)
Да, еще пыталась также не с картинкой а с текстом сделать, тоже самое, и ролики разные тоже пробовала
#19 Administrator 08.06.2012 09:34
Цитирую Андрей:
А у меня проблема на сайте.
Плагин plg_jcemediabox 1.1.4 для joomla 2.5

Хм.. странно это, если при одинаковых действиях не работает плагин. А нет случайно других плагинов на сайте, которые может подключают jQuery?
#18 Андрей 07.06.2012 09:22
А у меня проблема на сайте.
Плагин plg_jcemediabox 1.1.4 для joomla 2.5.
Локально на ПК с Денвером все работает. Установил плагин на рабочем сайте, а он не срабатывает. Активирован, окно параметров для него открывается, выбирает файл. На закладке Всплывающие окна" выбираю JCE MediaBox Popus, задаю параметры, сохраняю. Так вот эти параметры не сохраняются, при редактировании снова предлагает выбрать параметры.
Но если перенести код HTML с локального ПК и вставить на сайте, то окно работает (хотя в параметрах по прежнему пусто). Получается не сохраняет параметры Popups. На сайте выбрасывает это - target="_blank" class="jcepopup " - из кода.

и на ПК и на сайте одна и та же версия JCE 2.1.3

и там и там joomla 2.5.4
локально только PHP Version 5.3.3 а на сайте 5.2.17
#17 Administrator 20.01.2012 12:58
Цитирую reddd:
В JCE 2.0.19 настройки несколько отличны от вашей статьи, т.к. там есть еще дополнительная вкладка настроек всплыв. окна, а там без выбора типа всплываещего окна ссылка не образуется

Тут речь идет о JCE Mediabox для JCE версии 1.5.7, тогда ещё не было второй версии. И все по-другому :) Вскоре поправлю статью. Спасибо за замечание!
#16 reddd 19.01.2012 21:52
В JCE 2.0.19 настройки несколько отличны от вашей статьи, т.к. там есть еще дополнительная вкладка настроек всплыв. окна, а там без выбора типа всплываещего окна ссылка не образуется
#15 reddd 19.01.2012 21:14
В вашей статье Цитата:
Плагин устанавливается стандартным способом через Расширения -> Установить/Удалить
Цитата:

напишите как вы писали здесь
1)Плагин Mediabox устанавливается средствами Joomla, потому что потом он появляется в менеджере плагинов и там настраивается дальше.
Ключевое слово "средствами Joomla", я плагин устанавливал сначала через JCE, т.к. где-то читал такой способ установки
#14 Administrator 11.01.2012 16:07
Цитирую Dimon:
Выложи новую версию MediaBox Version: 1.1.2
(http://www.joomlacontenteditor.net/downloads/mediabox/joomla-15)
В ней уже гораздо много исправлено ошибок и т.д., а визуально и настройки остались те же...
Будет гораздо привлекательней!!!) ;-)

Спасибо, друг, обновил
#13 Dimon 24.12.2011 03:09
Выложи новую версию MediaBox Version: 1.1.2
(http://www.joomlacontenteditor.net/downloads/mediabox/joomla-15)
В ней уже гораздо много исправлено ошибок и т.д., а визуально и настройки остались те же...
Будет гораздо привлекательней !!!) ;-)

You have no rights to post comments

Joomla SEF URLs by Artio

Комментарии

  • Модуль VTEM Panorama

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

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

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Эффективные способы продвижения сайта

    Александр
    Спасибо за полезную и интересную информацию. Продвижение сайтов резко приобрело популярность благодаря ...
     
  • Работа с категориями в K2

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