Автоматическое переключение

Автоматическая прокрутка слайдов с настраиваемой задержкой и поведением.

Базовый пример

Autoplay с Loop

Бесконечная прокрутка: при loop: true после последнего слайда плавно переходим к первому без «перемотки».

Autoplay с Rewind

Когда достигнут последний слайд, автоматически возвращаемся к первому. Работает без режима loop.

Управление через API

Hold-to-pause для сценариев историй

Long press удержание можно включить отдельной опцией. Во время удержания autoplay ставится на паузу, после отпускания продолжает с того же места.

События удержания:

Подписка на узле слайда (событие не всплывает к родителю):

Опции

autoplay

• Тип: number | boolean | object
• По умолчанию: false
• Описание: Включает автопрокрутку. Поддерживает сокращённую запись и объект настроек:
  • autoplay: true — дефолтная задержка 3000мс, все настройки по умолчанию
  • autoplay: 5000 — число задаёт задержку в мс, остальное по умолчанию
  • autoplay: { delay: 3000, pauseOnHover: true, pauseOnInteraction: true } — полный контроль
• Свойства объекта:
  • delay — задержка между переходами (мс)
  • pauseOnHover — пауза при наведении курсора (по умолчанию true)
  • pauseOnInteraction — пауза при любом взаимодействии: drag, click (по умолчанию true)
  • disableOnInteraction — полностью отключить после первого взаимодействия (по умолчанию false)
  • waitForVideo — для видео-слайдов: ждать окончания видео вместо таймера (по умолчанию false)

rewind

• Тип: boolean
• По умолчанию: false
• Описание: Автоматически возвращаться к первому слайду после достижения последнего (работает без loop)

События

Примеры использования

С динамическим изменением задержки

С отключением после взаимодействия

Rewind с ручной навигацией