Skip to main content

stopAutoplayOnInteraction

it is a boolean value indicating whether autoplay should be disabled when a user interacts with the slider in any way (dragging, swiping or clicking the slider)

This is usually the desired behavior which is why it's enabled by default

default​

stopAutoplayOnInteraction: true

Example stopAutoplayOnInteraction: true (default)​

See how the autoplay is enabled, but now try to interact with the slider in any way and the autoplay will be disabled.

new BlazeSlider(el, {
  all: {
    enableAutoplay: true,
    slidesToShow: 3,
    stopAutoplayOnInteraction: true, // default
  },
})
1
2
3
4
5
6

Example stopAutoplayOnInteraction: false​

See how the autoplay is always enabled, even if user interacts with it. This is not recommended - but if you really want this behavior you can.

new BlazeSlider(el, {
  all: {
    enableAutoplay: true,
    slidesToShow: 3,
    stopAutoplayOnInteraction: false, // default
  },
})
1
2
3
4
5
6