Документация Creatium

# Slider

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

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

# Свойства

# activeIndex

Тип: Number

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

# isBeginning

Тип: Boolean

Является ли первый слайд активным.

# isEnd

Тип: Boolean

Является ли последний слайд активным.

# isLoop

Тип: Boolean

Включено ли зацикливание слайдов.

# isAnimating

Тип: Boolean

Находится ли прямо сейчас в анимированном состоянии.

# slides

Тип: Slide[]

Список всех слайдов.

# Методы

# slideTo

slider.slideTo(index)

Пролистывает слайдер к определенному слайду.

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

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

# slideNext

slider.slideNext()

Пролистывает слайдер вперед.

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

# slidePrev

slider.slidePrev()

Пролистывает слайдер назад.

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

# События

# before-slide-change

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

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

# slide-change

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

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

# before-slide-next

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

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

# slide-next

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

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

# before-slide-prev

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

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

# slide-prev

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

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

# reach-end

slider.on('reach-end', function (event) {})

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

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

# Примеры

Поддержка в Telegram-чате

Подскажем, как решить вашу задачу!

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

← Spoiler →