オプションのhoverStop
をtrue
にするとスライダーとカーソルが重なっている状態のときにスライドショーを停止させます。
カーソルの重なりが解除されると再びスライドショーが再開されます。
<script> $(function(){ $('#example1_ex3').reSlider({ hoverStop: true }); }); </script> <div class="reSlider" id="example1_ex3"> <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> </div>