Slider

Slider

Представляет слайдеры и вкладки.

var slider = page.getComponent('slider-id');

Свойства

activeIndex

Версии API: 3.7 и выше
Тип: Number
Номер активного слайда.

isBeginning

Версии API: 3.7 и выше
Тип: Boolean
Является ли первый слайд активным.

isEnd

Версии API: 3.7 и выше
Тип: Boolean
Является ли последний слайд активным.

isLoop

Версии API: 3.7 и выше
Тип: Boolean
Включено ли зацикливание слайдов.

isAnimating

Версии API: 3.7 и выше
Тип: Boolean
Находится ли прямо сейчас в анимированном состоянии.

slides

Версии API: 3.7 и выше
ТипSlide[]
Список всех слайдов.

Методы

slideTo

Версии API: 3.7 и выше
slider.slideTo(index)
Пролистывает слайдер к определенному слайду.

  • index — Номер слайда.

Возвращает true если пролистывание произошло, и false если вызов функции не привел к изменению активного слайда. Например, если указан слишком большой index или было вызвано пролистывание к уже активному слайду.

slideNext

Версии API: 3.7 и выше
slider.slideNext()
Пролистывает слайдер вперед.
Возвращает true если пролистывание произошло, и false если вызов функции не привел к изменению активного слайда. Например, если последний слайд уже активный, а зацикливание в настройках слайдера отключено.

slidePrev

Версии API: 3.7 и выше
slider.slidePrev()
Пролистывает слайдер назад.
Возвращает true если пролистывание произошло, и false если вызов функции не привел к изменению активного слайда. Например, если первый слайд уже активный, а зацикливание в настройках слайдера отключено.

События

before-slide-change

Версии API: 3.7 и выше
Срабатывает перед изменением активного слайда.

  • event.previousIndex — Номер предыдущего слайда.

  • event.activeIndex — Номер нового активного слайда.

slide-change

Версии API: 3.7 и выше
Срабатывает после изменения активного слайда.

  • event.previousIndex — Номер предыдущего слайда.

  • event.activeIndex — Номер нового активного слайда.

before-slide-next

Версии API: 3.7 и выше
Срабатывает перед переходом к следующему слайду.

  • event.previousIndex — Номер предыдущего слайда.

  • event.activeIndex — Номер нового активного слайда.

slide-next

Версии API: 3.7 и выше
Срабатывает после перехода к следующему слайду.

  • event.previousIndex — Номер предыдущего слайда.

  • event.activeIndex — Номер нового активного слайда.

before-slide-prev

Версии API: 3.7 и выше
Срабатывает перед переходом к предыдущему слайду.

  • event.previousIndex — Номер предыдущего слайда.

  • event.activeIndex — Номер нового активного слайда.

slide-prev

Версии API: 3.7 и выше
Срабатывает после перехода к предыдущему слайду.

  • event.previousIndex — Номер предыдущего слайда.

  • event.activeIndex — Номер нового активного слайда.

reach-end

Версии API: 3.7 и выше
slider.on('reach-end', function (event) {})

Срабатывает после перехода к последнему слайду.

  • event.previousIndex — Номер предыдущего слайда.

  • event.activeIndex — Номер нового активного слайда.

ТЕХНИЧЕСКАЯ ПОДДЕРЖКА

Не можете найти то, что ищете?

Напишите нам. Мы на связи с 7:00 до 22:00 без выходных. Среднее время ожидания ответа: 10-15 минут. Также вы можете вступить в наш Телеграм-чат, где собралось много специалистов и пользователей.

Поддержка Creatium

Агенты ответят через 10 минут

Агенты ответят

Блог, курсы и полезные материалы 

Платформа сайтов любой сложности