UI виджет JavaScript Carousel

Виджет Carousel позволяет размещать различные компоненты Webix (Template, виджеты для данных, другие Layout виджеты) в одной части приложения. Этот компонент помогает значительно сэкономить пространство экрана.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддерживается во всех современных браузерах
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

Переключайтесь между компонентами Carousel с помощью кнопок или передвигая сами компоненты на устройствах с сенсорным экраном. Передвигать компоненты можно горизонтально и вертикально.

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

Плавная смена компонентов

Изображения в Carousel могут сменяться плавно и легко благодаря встроенным средствам навигации, которые легко можно настроить.

Настройка навигации

Вы можете использовать любой виджет Webix для навигации в Carousel, например, JavaScript DataView с миниатюрами элементов Carousel. В этом случае скорость прокрутки тоже можно настраивать.