单击按钮后如何使slideJS暂停

时间:2012-06-10 07:41:18

标签: slider

我在我的主页上使用slideJS。现在我想点击一个按钮使其暂停,但似乎slideJS文档中没有暂停选项。

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>

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

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

显示约3-4次,下一次&amp;之前点击..你也会看到它显示为paginationLink.click

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

_this.stop(true);

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