標準のループは最後のスライドの次に最初のスライドへ戻るだけですが、オプションのrouletteLoop
をtrue
にするとスロットルーレットのような一方向のループになります。
スライドの切り替えを連続で行うと繋ぎ目あたりで少し変な動きになります。ここはうまいこと処理できないか考え中です。
<script> $('#example2_ex2').reSlider({ loop: false }); </script> <div class="reSlider" id="example2_ex2"> <div class="reSlider-slide-container"> <div class="reSlider-slides"> <div class="reSlider-slide"> <img src="img/image01.jpg" height="750" width="1000" alt=""> </div> <div class="reSlider-slide"> <img src="img/image02.jpg" height="619" width="1000" alt=""> </div> <div class="reSlider-slide"> <img src="img/image03.jpg" height="667" width="1000" alt=""> </div> <div class="reSlider-slide"> <img src="img/image04.jpg" height="662" width="1000" alt=""> </div> <div class="reSlider-slide"> <img src="img/image05.jpg" height="667" width="1000" alt=""> </div> </div> </div> <button class="reSlider-prev">前へ</button> <button class="reSlider-next">次へ</button> </div>