Компонент Галерея CSS3 lightbox

pointe

pointe

Dance performed on the tips of the toes

port de bras

port de bras

An exercise designed to develop graceful movement and disposition of the arms

pli·é

pli·é

A movement in which a dancer bends the knees and straightens them again

adagio

adagio

A movement or composition marked to be played adagio

frappé

frappé

Involving a beating action of the toe of one foot against the ankle of the supporting leg

glissade

glissade

One leg is brushed outward from the body, which then takes the weight while the second leg is brushed in to meet it

jeté

jeté

A springing jump made from one foot to the other in any direction

piqué

piqué

Strongly pointed toe of the lifted and extended leg sharply lowers to hit the floor then immediately rebounds upward

arabesque

arabesque

Involving a beating action of the toe of one foot against the ankle of the supporting leg

ballerina

ballerina

A female ballet dancer

Данный компонент выводит содержимое инфоблока в виде галереи с CSS3 -эффектами. Данный компонент подойдет для сайтов FASHION направления, где требуется красиво подать графику и при этом не перегружая страницу скриптами.
Компонент работает БЕЗ использования Jquery или какого либо JS. Все эффекты появления и анимации сделаны с использованием CSS3.
Решение полностью адаптивное.

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

Выбор инфоблока и свойства для указания превью изображения;
Выбор свойства для указания детального изображения;
Выбор одного из 3-х эффектов появления изображения;
Выбор цвета границы превью изображения;
Указание толщины границы (в пикселах);
Выбор цвета для отображении при наведении на миниатюру;
Выбор цвета подложки (overlay) при появлении детального изображения;
Выбор цвета подложки для кнопки "Закрыть";
Выбор опции "Показывать название элемента на миниатюре" - название элемента будет отображаться в центре изображения миниатюры;
Выбор опции "Показывать название элемента в описании" - название элемента будет отображаться при появлении детального изображения;
Выбор опции "Показывать краткое описание" - из свойства Анонс читается и выводится краткое описание, которое отображается под детальным изображением;
Показывать панель навигации - понятно из названия опции; :)
Надпись "Закрыть" - текстовая надпись которая располагается в блоке закрытия детального изображения;
Использовать или не использовать масштабирование картинок;
Если выбран пункт что необходимо использовать масштабирование изображений, то появляются дополнительные параметры для указания ширины и высоты для превью изображения;

КОМПОНЕНТ ПОДДЕРЖИВАЕТ КОМПОЗИТНЫЙ РЕЖИМ БИТРИКС.

Данная опция включается в настройках компонента.

Также в компоненте реализовано пользовательское свойство (не входящее в поставку Битрикс) типа "Визуальный выбор цвета".

С помощью данного компонента очень легко не только разместить "легковесную" галерею у себя на сайте, но и в визуальном редакторе, без знаний HTML и CSS можно изменить элементы галереи на любой цвет по своему желанию.

Использование компонента:

Компонент легко использовать в режиме визуального редактора.
Откройте страницу в режиме редактирования, и добавьте туда
компонент «Трехмерная витрина изображений». Далее укажите необходимые настройки (описанные выше) и можно использовать компонент.

Загрузка

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

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