Компонент Responsive галереи

Компонент представляет собой слайдер изображений, с отзывчивой (responsive) версткой, а также поддержкой touch методов для мобильных устройств. Галерея состоит из:
  • Блока превью изображений;
  • Блока переключения режима отображения галереи (показывать или скрыть блок превью изображений);
  • Непосредственно блок с изображением.
Основные возможности компонента: 
  • Выбор инфоблока и свойства для указания изображения; 
  • Полная поддержка адаптивности и ресайза изображений; 
  • Поддержка 10 цветовых схем;
  • Поддержка клавиатурного метода перелистывания - с помощью стрелок мыши;
  • Поддержка touch методов для работы с мобильными устройствами - поддерживается "пролистывание" пальцами влево и вправо, не обязательно нажимать на кнопки навигации; 
  • Прекрасно подойдет в качестве галереи для мобильной версии сайта.
КОМПОНЕНТ ПОДДЕРЖИВАЕТ КОМПОЗИТНЫЙ РЕЖИМ БИТРИКС. 
Данная опция включается в настройках компонента.

Основные настройки компонента: 

  • Инфоблок - выбор инфоблока откуда брать данные об изображениях;
  • Миниатюра картинки: - выбор свойства выбранного инфоблока где хранятся данные об миниатюрном изображении;
  • Детальная картинка: - выбор свойства выбранного инфоблока где хранятся данные об большом изображении;
p/s/ для миниатюры и детальной картинки можно выбрать одно и тоже свойство, картинка для миниатюры все равно будет отмасштабирована до маленького размера;
  • Использовать машстабирование - при установке данного параметра, появляются дополнительные поля, в которых можно задать размеры для больших изображений. 
    • Ширина detail изображения - если поле заполнено, то данное число является указанием к масштабированию изображения по ширине. 
    • Высота detail изображения - если поле заполнено, то данное число является указанием к масштабированию изображения по высоте.
p/s/ при использовании масштабирования, скрипт не нарушает пропорции изображения, а старается соблюсти пропорции и при этом произвести масштабирование (с приоритетом по ширине)
  • Выбор цветового решения: - возможность выбрать одно из 10-ти цветовых решений. Для задания своих цветов, необходимо корректировать CSS файлы стилей компонента, которые находятся в папке Includes 
  • Поддержка композитного режима - понятно из названия. Если Ваш сайт спроектирован с учетом композитного режима Вам не нужно править шаблон компонента. Достаточно установить "галочку" в настройках компонента.
  • Показывать превью картинок - при установленном параметре, происходит отображение всего блока с миниатюрами картинок. При снятом параметре, данный блок не отображается.
  • Место для показа превью картинок - выбор предустановленного положения, сверху или снизу от блока с основной большой картинкой.
  • Показывать кнопку переключения режимов - параметр указывающий, показывать или нет блок с кнопками, которые скрывают или показывают блок превью.
Загрузка

Coderoid - это группа профессиональных разработчиков, специализирующихся в первую очередь на разработке модулей для CMS Bitrix. 
Также у нас можно заказать разработку сайта на Bitrix, доработку существующего сайта, переработку используемых модулей на сайте, а также любые консультации по внедрению Bitrix в компании.
 

На правах рекламы