Splide

自動再生

script
                  
                      new Splide('.splide', {
                        type: 'loop', //初期値'slide' | 'fade'
                        perPage: 3, //表示枚数:併用不可
                        perMove: 1, //動かす枚数
                        gap: 10, //スライド間の余白

                        autoplay: true, //自動再生:有効
                        speed: 1000, //スライダーの移動時間
                        interval: 2000, //自動再生の間隔

                        pauseOnHover: false, // マウスオーバーで停止しない
                        pauseOnFocus: false, // フォーカスで停止しない
                      }).mount();
                  
                
オプション
                  
                    autoplay
                    ・自動再生を有効にするかどうかを決定
                    ・true(有効) / false(無効)

                    speed
                    ・スライダーの移動時間をミリ秒単位で指定
                    ・初期値:400

                    interval
                    ・自動再生の間隔をミリ秒単位で指定
                    ・初期値:5000


                    //マウス・キーボード操作しても自動再生停止させない
                    pauseOnHover
                    ・スライダー領域にマウスカーソルが乗っても、自動再生が停止しなくなります
                    ・true(デフォルト:停止する) / false(停止させない)

                    pauseOnFocus
                    ・スライダー内の要素(リンクやボタンなど)にキーボードなどでフォーカスが当たっても、自動再生が停止しなくなります
                    ・true(デフォルト:停止する) / false(停止させない)