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 — Номер нового активного слайда.

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

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

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

Поддержка Creatium

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

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

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

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