КАК СДЕЛАТЬ ВСПЛЫВАЮЩИЕ ИЗОБРАЖЕНИЯ ПО КЛИКУ В МАТЕРИАЛАХ JOOMLA. ИЗОБРАЖЕНИЕ В ЛАЙТБОКС. ПРАКТИКА

Как сделать всплывающие изображения по клику в материалах Joomla

Рассмотрим, как добавлять всплывающие изображения (лайтбокс) в материалы на сайте Joomla. Эта функция позволяет пользователям увеличивать изображения по клику, что улучшает пользовательский опыт.

Установка JCE ditor

Для начала нам необходимо установить редактор JCE Editor, который является расширенным редактором для Joomla. Он позволяет вставлять изображения с различными эффектами, в том числе и всплывающие окна.

  1. Перейдите в раздел "Установка" в административной панели Joomla.
  2. Найдите и установите последнюю версию JCE Editor. Перетащите установочный пакет JCE Editor в раздел "Загрузить файл".
  3. Перейдите в раздел "Общие настройки" в первой вкладке "Сайт" в разделе "Редактор по умолчанию"в выпадающем меню выбрать JCE Editor. Сохранить и закрыть.

kak sdelat vsplyvayushchie izobrazheniya po kliku v materialakh joomla 1 bb6aa

kak sdelat vsplyvayushchie izobrazheniya po kliku v materialakh joomla 2 2fdd7

Установка плагина JMediaBox

После установки JCE Editor нам потребуется дополнительный плагин JCE MediaBox для создания всплывающих изображений.

  1. Перейдите на официальный сайт JCE Editorофициальный сайт JCE Editor и скачайте последнюю версию плагина JMediaBox, совместимую с вашей версией Joomla.
  2. Вернитесь в раздел "Установка" и установите скачанный плагин, как обычный компонент для Joomla. Перетащите установочный пакет JCE MediaBox в раздел "Загрузить файл".

kak sdelat vsplyvayushchie izobrazheniya po kliku v materialakh joomla 3 f6e82

Включение плагина

  1. Перейдите в раздел "Плагины" и найдите плагин "JCE MediaBox".
  2. Откройте его настройки и включите плагин.
  3. При желании, можно настроить дополнительные параметры, такие как тема, цвет оверлея, скроллинг и т.д.

kak sdelat vsplyvayushchie izobrazheniya po kliku v materialakh joomla 4 feddb

Добавление всплывающих изображений

  1. Перейдите в раздел "Материалы" и откройте материал, в который нужно добавить изображения.
  2. Нажмите на кнопку "Вставить изображение" в редакторе JCE Editor.
  3. Выберите изображение и нажмите "Загрузить".
  4. После загрузки изображения, перейдите на вкладку "Popups" и выберите Popups Type-  "JCE MediaBox Popups".
  5. Нажмите "Вставить".
  6. При необходимости, можно изменить размер изображения, перетаскивая углы рамки.
  7. Повторите шаги 2-6 для добавления дополнительных изображений.
  8. Сохраните материал.

kak sdelat vsplyvayushchie izobrazheniya po kliku v materialakh joomla 5 1e125

После сохранения материала, при просмотре на сайте, изображения будут открываться в всплывающем окне (лайтбоксе) при клике на них.

kak sdelat vsplyvayushchie izobrazheniya po kliku v materialakh joomla 6 60045

Image

Подпишись на Telegram канал "Goncharoff про Joomla"

Авторский канал о CMS Joomla. Видео уроки, лайфхаки, расширения

Перейти в канал

Благодаря редактору JCE Editor и плагину JCE MediaBox, добавление всплывающих изображений в материалы Joomla становится простой задачей. Эта функция улучшает пользовательский опыт и позволяет посетителям сайта легко просматривать изображения в увеличенном виде.

Смотреть видео версию статьи

Похожие статьи