※社内専用

slider-proのループを止める

autoplayをしつつ、スライドを一周で止めたい。
パラメータのloopでいかにもコントロールできそうだが、これは見た目上のループのコントロール用で動きのことではないらしい。

以下Issuesの内容もブラウザリサイズでautoplayが戻ってしまう問題があって使えなかった。
https://github.com/bqworks/slider-pro/issues/145

一度初期化されたautoplayfalseで進める方法が見つからない&時間の無駄だったので、
考え方を変えてautoplayfalseでスタートし、一回だけ手動でスライドさせることにした。
手順は二つ。
  1. 該当スライドのautoplayfalseにしておく
  2. 以下コードを$(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);
中々ふざけたスライドです。