slider - 单击按钮后如何使slidesJS暂停

Question

我在主页中使用slidesJS。现在我想单击一个按钮使其暂停，但slidesJS文档中似乎没有暂停选项。

SlidesJS 文档： http ://slidesjs.com/

HTML化妆

 <!--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 次，下一次和上一次点击.. 您还将看到它显示为 paginationLink.click

我遇到的问题是单击上一个、下一个或分页后滑块停止滑动。我需要重新启动滑块..所以我所做的就是添加一个 setTimeout 到 play()

_this.stop(true);

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