Галерея CSS3 lightbox
Данный компонент выводит содержимое инфоблока в виде галереи с CSS3 -эффектами. Данный компонент подойдет для сайтов FASHION направления, где требуется красиво подать графику и при этом не перегружая страницу скриптами. Компонент работает БЕЗ использования Jquery или какого либо JS. Все эффекты появления и анимации сделаны с использованием CSS3.
Решение полностью адаптивное.
Основные настройки компонента:
<*>Выбор инфоблока и свойства для указания превью изображения;<*>Выбор свойства для указания детального изображения;<*>Выбор одного из 3-х эффектов появления изображения;<*>Выбор цвета границы превью изображения;<*>Указание толщины границы (в пикселах);<*>Выбор цвета для отображении при наведении на миниатюру;<*>Выбор цвета подложки (overlay) при появлении детального изображения;<*>Выбор цвета подложки для кнопки "Закрыть";<*>Выбор опции "Показывать название элемента на миниатюре" - название элемента будет отображаться в центре изображения миниатюры;<*>Выбор опции "Показывать название элемента в описании" - название элемента будет отображаться при появлении детального изображения;<*>Выбор опции "Показывать краткое описание" - из свойства Анонс читается и выводится краткое описание, которое отображается под детальным изображением;<*>Показывать панель навигации - понятно из названия опции; :)<*>Надпись "Закрыть" - текстовая надпись которая располагается в блоке закрытия детального изображения;<*>Использовать или не использовать масштабирование картинок;<*>Если выбран пункт что необходимо использовать масштабирование изображений, то появляются дополнительные параметры для указания ширины и высоты для превью изображения;
КОМПОНЕНТ ПОДДЕРЖИВАЕТ КОМПОЗИТНЫЙ РЕЖИМ БИТРИКС.
Данная опция включается в настройках компонента.
Также в компоненте реализовано пользовательское свойство (не входящее в поставку Битрикс) типа "Визуальный выбор цвета".
С помощью данного компонента очень легко не только разместить "легковесную" галерею у себя на сайте, но и в визуальном редакторе, без знаний HTML и CSS можно изменить элементы галереи на любой цвет по своему желанию.
Персональные рекомендации