Фотоальбом - Адаптивная фотогалерея с альбомами

Что умеет решение

Модуль добавляет к фотоальбому функционал масштабирования изображений в стиле Lightbox.

Настройки разделены на две группы. В общих параметрах можно выбрать конкретный сайт для работы модуля в многосайтовой среде. Также доступны переключатели для подключения внешних библиотек: jQuery, библиотеки обработки прокрутки колесика мыши и библиотеки анимаций Easing.

В разделе конфигурации Fancybox можно включить или отключить сам плагин. Доступна настройка обертки jQuery для инициализации работы. Пользователь может задать отступы в пикселях вокруг контента внутри окна Fancybox: сверху, справа, снизу и слева. Также предусмотрены параметры для установки минимального отступа между видимой областью экрана и окном Fancybox сверху и справа.

Модуль предоставляет настройки для конфигурации Fancybox. Можно задать минимальные отступы от видимой области экрана снизу и слева в пикселях. Для контента типов iframe, SWF, инлайн, AJAX и HTML устанавливаются значения ширины и высоты по умолчанию в пикселях. При динамическом изменении размеров доступны параметры минимальной и максимальной ширины, а также минимальной и максимальной высоты в пикселях. Реализована возможность включения или отключения автоматического расчета размеров, пересчета при изменении окна браузера и изменения размера Fancybox в соответствии с видимой областью.

Модуль «Фотоальбом» предоставляет адаптивную галерею с поддержкой альбомов. Настройки позволяют включать или отключать автоматический расчёт размера контента на основе его пропорций. Доступна установка коэффициентов для горизонтальной и вертикальной центровки. Пользователь может управлять созданием или скрытием полос прокрутки, назначать CSS-классы для обёртки элементов, а также включать или отключать отображение навигационных стрелок и кнопки закрытия. Реализована настройка поведения при клике на контент: возможность закрыть окно Fancybox, перейти к следующему слайду или отключить эти действия. Доступно управление использованием колеса мыши для навигации, включение или отключение слайд-шоу с настраиваемой длительностью показа одного слайда в секундах, а также циклическая навигация. Для оптимизации можно задать количество изображений для предварительной загрузки. Отключение навигации и кнопки закрытия переводит окно Fancybox в модальный режим.

Модуль предоставляет возможность включать или отключать предотвращение горизонтальной прокрутки для фреймов и HTML-контента. Настройки позволяют задавать эффект, тип анимации и её длительность в секундах при открытии и закрытии изображения. Для эффекта эластичного перехода доступна опция управления прозрачностью. Также можно выбрать метод переходов Fancybox для открытия и закрытия изображений. Дополнительно настраиваются эффект и длительность анимации при нажатии кнопки переключения на следующее изображение.

Модуль предоставляет гибкие настройки навигации по изображениям. Для кнопок переключения на следующее и предыдущее изображение доступны параметры выбора типа анимации, её длительности в секундах и метода переходов Fancybox. В настройках галереи можно управлять отображением миниатюр, задавая их ширину и высоту, а также включать или отключать заголовки и кнопки управления. Поддержка вывода Fancybox для медиа-контента также настраивается отдельно. В разделе настроек Fancybox 3 реализована возможность активации или деактивации бесконечной навигации.

Модуль предоставляет гибкие настройки отображения галереи. Пользователь может задать расстояние между слайдами в пикселях и выбрать эффект анимации открытия или закрытия: zoom, zoom-in-out, fade или отсутствие анимации. Длительность анимации настраивается в миллисекундах. Доступно управление видимостью навигационных элементов: стрелок, информационной панели со счётчиком изображений, тулбара и кнопки закрытия. Режим отображения кнопки закрытия можно установить как автоматический, постоянный или отключить. Включается или отключается управление с клавиатуры, запрет перекрытия подписей и модальный режим. Для каждой кнопки функционала — увеличения, обмена, слайд-шоу, полноэкранного режима, скачивания и просмотра миниатюр — предусмотрена отдельная настройка. Также реализована опция защиты изображений, блокирующая вызов контекстного меню правой кнопкой мыши.

Модуль предоставляет гибкие настройки отображения галереи. Доступен выбор режима прозрачности при масштабировании (auto, true, false) и эффекта перехода между слайдами (slide, circular, tube, zoom-in-out, rotate или отсутствие эффекта). Длительность анимации настраивается в миллисекундах. Реализовано управление видимостью полосы прокрутки, автоматическим фокусом при открытии и возвратом фокуса после закрытия. Поддерживается удержание фокуса внутри модального окна. Полноэкранный режим можно включать автоматически. Разрешено вертикальное перетаскивание и инерционная прокрутка. Настройки слайдшоу включают автоматический запуск и регулировку скорости в миллисекундах. Миниатюры можно показывать автоматически, скрывать при закрытии, задавать родительский класс (.fancybox-container) и выбирать их ориентацию (вертикально или горизонтально). Поведение прокрутки колесом мыши настраивается (auto, true, false).

Настройка поведения слайда: выбор действия при клике (закрытие или отсутствие действия).

Настройки Lightbox:

включение или отключение модуля Lightbox;

указание обертки jQuery для инициализации работы Lightbox.

Настройки компонента «Фотоальбом — Адаптивная фотогалерея с альбомами» (kssite.ksphotoalbum):

выбор шаблона компонента, типа инфоблока и самого инфоблока;

управление адресами страниц;

настройка режима AJAX;

настройка кеширования.

Дополнительные параметры:

установка времени модификации страницы в заголовках ответа;

установка заголовка страницы;

включение раздела в цепочку навигации.

Настройки списка альбомов:

выбор шаблона альбомов (доступно 10 вариантов);

установка количества фотографий в альбоме;

ограничение максимальной глубины отображения разделов;

выбор типа контейнера (при использовании Bootstrap: класс container ограничивает ширину до 1170 пикселей, container-fluid растягивает на всю ширину экрана);

установка количества колонок для мобильных устройств (ширина экрана менее 768 пикселей).

Модуль «Фотоальбом» обеспечивает адаптивную галерею с поддержкой альбомов. Настройки позволяют гибко управлять отображением на разных устройствах: для телефонов (ширина менее 768 пикселей), планшетов (от 768 до 992 пикселей) и настольных компьютеров (от 992 до 1200 пикселей и более 1200 пикселей). Для каждого диапазона можно задать собственное количество колонок. Также настраивается расстояние между альбомами в пикселях.

В разделе настроек списка фотографий доступны три шаблона отображения. Можно включить или отключить вывод названия каждого снимка. При интеграции с Bootstrap выбирается тип контейнера: стандартный (максимальная ширина 1170 пикселей) или полноэкранный (container-fluid). Для списка фотографий, как и для альбомов, можно отдельно настроить количество колонок для всех типов устройств и задать расстояние между снимками в пикселях.

Для просмотра изображений поддерживаются режимы Lightbox и Fancybox. Пользователь может установить лимит количества фотографий на одной странице и настроить параметры их сортировки.

Модуль поддерживает настройку постраничной навигации и кастомизацию страницы ошибки 404.

Компонент «Список фотоальбомов» (ksphotoalbum.section.list) выводит перечень альбомов. Доступен выбор одного из десяти шаблонов компонента. В основных параметрах можно определить тип инфоблока, выбрать конкретный инфоблок, указать идентификатор или код раздела. Для верстки предусмотрен выбор типа контейнера: класс container ограничивает ширину до 1170 пикселей, а container-fluid растягивает контент на всю ширину экрана. Настройка количества колонок выполняется отдельно для мобильных устройств (ширина менее 768 пикселей), планшетов (от 768 до 992 пикселей), а также для десктопов в диапазонах от 992 до 1200 пикселей и более 1200 пикселей. Также задаётся расстояние между альбомами в пикселях.

Дополнительно доступны настройки источника данных, шаблона ссылок, кеширования и прочие опции.

Компонент «Список фотографий из фотоальбома» (ksphotoalbum.section) предназначен для вывода списка изображений внутри выбранного альбома.

Модуль «Фотоальбом» от веб-студии «KS» реализует адаптивную галерею с поддержкой альбомов. Доступно три шаблона компонента для выбора типа инфоблока и конкретного инфоблока. Настройки источника данных позволяют гибко управлять контентом.

В разделе внешнего вида можно задать количество отображаемых фотографий на странице и выбрать тип контейнера: «container» (максимальная ширина 1170 пикселей) или «container-fluid» (на всю ширину экрана) при использовании Bootstrap. Количество колонок настраивается отдельно для мобильных устройств (ширина менее 768 пикселей), планшетов (от 768 до 992 пикселей), а также для десктопных экранов в двух диапазонах: от 992 до 1200 пикселей и свыше 1200 пикселей. Параметр межфотографического отступа задается в пикселях.

Для просмотра изображений доступны режимы Lightbox или Fancybox. Реализованы настройки сортировки фотографий. В разделе шаблона ссылок доступны управление URL-адресами страниц, режимом AJAX, кешированием, постраничной навигацией и обработка ошибок 404.

General iT поможет установить модуль, настроить его и проверить работу на твоём сайте.