Splide

無限ループスライダー

通常のSplide読み込みとは別に「Auto Scroll　エクステンション（splide-extension-auto-scroll.min.js）」をつかいます。
mount()メソッドに渡すと使用可能になります。

「splide.min.js」の下に「splide-extension-auto-scroll.min.js」を追記します

.mount()

                  
new Splide('.splide',{

}).mount(window.splide.Extensions);

script

                  
new Splide('.splide',{
  type: 'loop', //初期値'slide' | 'fade'
  perPage: 3, //表示枚数
  gap: 10, //スライド間の余白
  arrows: false,
  pagination: false,

  autoScroll: {
    speed: 2,
    //speed: -2,  //「マイナス」を付けると左から右へスライドします
    pauseOnHover:false, //マウスオーバー時停止させない
    pauseOnFocus:false,
  },
}).mount(window.splide.Extensions);