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