Lightbox, Fancybox

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

Модуль реализует функционал светового окна (lightbox) для увеличения изображений и совместим с библиотекой Fancybox 2. Решение поддерживает работу в многосайтовой среде, позволяя выбирать конкретный сайт для применения настроек.

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

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

Модуль Lightbox (Fancybox) от веб-студии KS предоставляет настройки отступов между видимой областью и окном лайтбокса снизу и слева в пикселях. Можно задать стандартные ширину и высоту для контента типов iframe, swf, инлайн, AJAX и HTML. При динамическом изменении размеров доступны параметры минимальной и максимальной ширины, а также минимальной и максимальной высоты окна в пикселях. Функционал включает управление автоматическим расчетом размеров, пересчетом при изменении окна браузера и адаптацией размеров Fancybox к видимой области.

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

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

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

Модуль Lightbox (Fancybox) от веб-студии KS обеспечивает гибкую настройку галереи изображений. Пользователь может задать расстояние между слайдами в пикселях и длительность анимации в миллисекундах. Доступны эффекты анимации открытия и закрытия: zoom, zoom-in-out, fade или отсутствие эффекта.

Навигационные элементы настраиваются индивидуально: управление с клавиатуры, навигационные стрелки, информационная панель со счётчиком изображений, а также запрет перекрытия подписи можно включить или отключить. Режим отображения кнопки закрытия выбирается из трёх вариантов: автоматически, всегда включена или выключена. Аналогично настраивается тулбар (автоматически, включён или выключен).

В интерфейсе предусмотрены отдельные переключатели для кнопок увеличения, поделиться, слайдшоу, полноэкранного режима, скачивания, миниатюр и закрытия. Дополнительно доступны защита изображений (отключение контекстного меню правой кнопки мыши) и модальный режим.

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

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

Параметры Lightbox:

- Включение или отключение модуля.

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

General iT может установить «Lightbox, Fancybox», настроить параметры модуля и проверить его работу в существующем проекте.