Плагин FancyBox Gallery – это простое, лёгкое и гибкое решение для создания адаптивных галерей в статьях Joomla 3.10+ и Joomla 4/5. Поддержка файлов с описаниями, сортировкой, адаптивный вывод, lazy loading, WebP-оптимизация, alt и title.
Идея: максимально легкий, с минимальным количеством кода и стилей – только самое необходимое! Размер файла стилей всего 0,5кБ!
Не выводить все превью на страницу (можно указать сколько) для ускорения ее загрузки. Пользователь кликает первое превью и видит все изображения галереи.
Вы создаете папку с изображениями, и получаете в статье красивую галерею с alt и title без необходимости писать код!
Плагин автоматически генерирует превью (src/), создаёт оптимизированные .webp миниатюры (в отдельную папку thumbs/) для отображения галереи Fancybox во всплывающем окне. Миниатюры 100х150 px создаются для всех изображений.
FancyBox Gallery без параметров
{fboxgallery}335{/fboxgallery} 
Отобразится 3 превью для расположения на странице в 1 ряд – см. пример выше.
Ширина px=200, Высота px=200, Превью в блоке =3Библиотека Fancybox должна быть подключена к сайту самостоятельно!
Основные настройки административной части можно переопределить прямо в статье с помощью параметров в теге плагина, как это принято в Joomla: добавьте параметр в тег, и он будет обработан автоматически.
Плагин использует современный API, но сохраняет совместимость со старыми структурами (например, папка images/stories/), что позволяет корректно работать с любыми путями.
Административная часть плагина Content - FancyBox Gallery
Структура папок галереи
Плагин автоматически создаёт следующую структуру папок для каждой галереи:
001/ # Оригиналы изображений уникальный ID галереи
├── thumbs/ # Сгенерированные миниатюры .webp 150х100 для галереи fancybox
├── src/ # Превью на странице (масштабированные/обрезанные)
└── ppgallery.txt # Файл с описаниями и порядком изображений
Файл ppgallery.txt (название может быть изменено в админке плагина) должен находиться в той же папке, что и изображения (например, в 001). Он задаёт как порядок отображения, так и подписи (alt/title) через разделитель – символ «|»:
Структура файла подписей
имя_файла1.jpg|Альтернативный текст это alt|Заголовок это title
имя_файла2.jpg|Альтернативный текст alt|Заголовок title
имя_файла3.jpg|Альтернативный текст alt|Заголовок titleВарианты использования:
1. Количество отображения превью
Настройки плагина в админке Превью в блоке будут перезаписаны src_count=1 в результате получим 1 превью 500 px по ширине и кнопки с подписями под ним. При к клике на большое превью открывается галерея в стиле Fancybox.
Первое изображение в файле описаний будет первым на странице. При отсутствии файла подписей сортировка будет по названиям оригиналов.
При клике на кнопку (под изображением) открывается нужное изображение в стиле галереи Fancybox.
{fboxgallery src_count=1}335{/fboxgallery} Размер 1 крупного изображения (постер) шириной 500 px задан в админке. Другой размер можно задать тегами:
preview_width=600 preview_height=600 Код вставки галереи с одним превью:
{fboxgallery src_count=1 preview_width=600 preview_height=600}335{/fboxgallery} Для одиночного превью задан отдельный стиль в CSS.
Размер превью можно задать самостоятельно тегами:
preview_width=200, preview_height=300 Пропорциональная ширина (AUTO):
Масштабирование с сохранением пропорций до ширины 500px, высота – автоматическая с сохранением пропорций.
{fboxgallery preview_width=500 preview_height=auto}335{/fboxgallery}Создание галереи без превью
Параметр src_count=0 создаст галерею без превью, только с кнопками:
После изменения настроек размеров или добавления новых изображений – необходимо удалить папки:
thumbs/ и src/
Файл стилей лучше добавить в файл стилей шаблона и отключить в админке.
Скачать – Плагин Joomla 3/4/5 FancyBox Gallery
Комментарии
Была загружена тестовая первая версия, которая не работает с тегами.
Сейчас загрузка обновлена - можно установить сверху. Появятся в админке поля для настройки плагина ну и все остальное должно работать.
RSS лента комментариев этой записи