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(停止させない)





