Autoplay with Progress

自動播放 + 進度條

Autoplay slider with progressbar pagination showing timing progress.

帶有進度條分頁的自動播放輪播，顯示計時進度。

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5

Source Code

var DS = DriftSlider;
var slider = new DS.DriftSlider('.drift-slider', {
  modules: [DS.Navigation, DS.Pagination, DS.Autoplay, DS.A11y],
  loop: true,
  speed: 400,
  grabCursor: true,
  autoplay: {
    enabled: true,
    delay: 3000,
    disableOnInteraction: false,
  },
  pagination: {
    type: 'progressbar',
  },
});