Обзор популярных расширений Joomla Статьи о создании и развитии сайта Обучающие материалы по верстке HTML\CSS
facebook twitter yandex livejournal rss sitemap sitemap

Авторизация

           

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



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

    Комментарии   

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

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

    Хм.. странно это, если при одинаковых действиях не работает плагин. А нет случайно других плагинов на сайте, которые может подключают jQuery?
    Цитировать
     
     
    0 #18 Андрей 07.06.2012 08: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
    Цитировать
     
     
    0 #17 Administrator 20.01.2012 10:58
    Цитирую reddd:
    В JCE 2.0.19 настройки несколько отличны от вашей статьи, т.к. там есть еще дополнительная вкладка настроек всплыв. окна, а там без выбора типа всплываещего окна ссылка не образуется

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

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

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

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

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