如何使幻灯片JS在我单击按钮后暂停

Question

我在主页上使用slidesJS。现在我想点击一个按钮让它暂停，但幻灯片JS文档中似乎没有暂停选项。

幻灯片JS文档：http://slidesjs.com/

网页化妆

 <!--slider start-->
     <div id="slides">
          <div class="slider">
           <div class="slide"><a href="#"><img src="http://www.fotolovec.cz/foto/albums/Fauna/Ptaci/normal_Brhlik02.jpg" /></a></div>
           <div class="slide"><a href="#"><img src="http://mw2.google.com/mw-panoramio/photos/medium/34484850.jpg" /></a></div>
          </div>
          <div id="navbar">
             <a id="prev" href="#">Prev</a> 
             <a id="next" href="#">Next</a>
             <a href="#" id="control">Pause</a>
          </div>
      </div>
      <!--slider end-->

.JS：

<script type="text/javascript">
        jQuery(function(){
             $('#slides').slides({
                    preload: true,
                    preloadImage: 'loading.gif',
                    play: 2000,
                    pause: 2000,
                    hoverPause: true,
                    autoHeight: true,
                    effect:'slide',
                    container: 'slider'
            });
         });
     </script>

Answer 1

function sliderPause(){
            clearInterval($('#slides').data('interval'));
            }``

Answer 2

在你的jquery.slides.js文件中搜索_this.stop（true）;

它显示

大约3-4次，下一次和上一次点击......你也会看到它显示分页Link.click

。

我遇到的问题是滑块在单击上一个、下一个或分页后停止滑动。我需要滑块重新启动。.所以我所做的是添加一个 setTimeout 来播放（）

_this.stop(true);
setTimeout(function ()
{ _this.play(true) }, 3000);