Autoplay slider when in viexport with splide intersection extension

How To
1

Hi,
I need to autoplay the slider when it comes in the viewport.

I search if it is possible with splide JS and, yes, there is an extension for this: Intersection.

I can add the required JS file. There is no problem with that, but it is needed to add this code:

new Splide( '#splide' ).mount( window.splide.Extensions );

And

new Splide( '#splide', {
  autoplay: 'pause',
  intersection: {
    inView: {
      autoplay: true,
    },
  },
} );

I don’t know how to do this, perhaps whith the help of Nestable Slider: Customization via JavaScript.

Thanks.

2

Laurent, i know its been well over a year…but did you figure this out?
It seems there are no resolutions to this issue, and even a year later its still not a built in option.

I also don’t know the proper way to add the intersection extension (downloaded from github).

I tried using interactions…simply hiding and showing the element when in viewport, but it does not work.

Any insight you could provide would be great! Thank you!
K

3

Get the Splide Instance, destroy, re-init with existing/new options and mount the extension.