投稿日:2018/01/23
更新日:2018/01/24
autoplayをしつつ、スライドを一周で止めたい。
パラメータのloopでいかにもコントロールできそうだが、これは見た目上のループのコントロール用で動きのことではないらしい。 以下Issuesの内容もブラウザリサイズでautoplayが戻ってしまう問題があって使えなかった。
https://github.com/bqworks/slider-pro/issues/145
一度初期化されたautoplayをfalseで進める方法が見つからない&時間の無駄だったので、
考え方を変えてautoplayをfalseでスタートし、一回だけ手動でスライドさせることにした。
手順は二つ。
パラメータのloopでいかにもコントロールできそうだが、これは見た目上のループのコントロール用で動きのことではないらしい。 以下Issuesの内容もブラウザリサイズでautoplayが戻ってしまう問題があって使えなかった。
https://github.com/bqworks/slider-pro/issues/145
一度初期化されたautoplayをfalseで進める方法が見つからない&時間の無駄だったので、
考え方を変えてautoplayをfalseでスタートし、一回だけ手動でスライドさせることにした。
手順は二つ。
- 該当スライドのautoplayをfalseにしておく
- 以下コードを
$(this).sliderPro(options);
の直下に追記
var autoplayDelay = 5000;
var slideInit = $(this).data('sliderPro');
var length = 0;
var maxLength = $('.sp-slide', this).length;
var slideTimer = setInterval(function(){
slideInit.gotoSlide( length );
length++;
if( length===maxLength ) clearInterval( slideTimer );
}, autoplayDelay);
中々ふざけたスライドです。