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

  • pointe pointe
  • pointe

    pointe

    Dance performed on the tips of the toes

    CLOSE
  • port de bras port de bras
  • port de bras

    port de bras

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

    CLOSE
  • pli·é pli·é
  • pli·é

    pli·é

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

    CLOSE
  • adagio adagio
  • adagio

    adagio

    A movement or composition marked to be played adagio

    CLOSE
  • frappé frappé
  • frappé

    frappé

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

    CLOSE
  • glissade glissade
  • 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

    CLOSE
  • jeté jeté
  • jeté

    jeté

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

    CLOSE
  • piqué piqué
  • piqué

    piqué

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

    CLOSE
  • arabesque arabesque
  • arabesque

    arabesque

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

    CLOSE
  • ballerina ballerina
  • ballerina

    ballerina

    A female ballet dancer

    CLOSE

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

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

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

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

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


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

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

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

Загрузка

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

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