2013-07-21 62 views
0

我有一个带有左右箭头的动画div,我只是想在图像完成后停止滑块,我遇到的问题是滑块继续左右空白,这是我的代码完成滑动后停止滑块

函数(){

var size = $("div.slide-here li").size(); 

    var div_size = size/4 * 163; 
    $('.photo-gallery div.slide-here').css('width', div_size); 
    $('.photo-pagging .left-arrow a').click(
     function() { 
      $('.photo-gallery div.slide-here').animate({ left: '+=196px' }); 


      return false; 
     }); 
    $('.photo-pagging .right-arrow a').click(
     function() { 
      $('.photo-gallery div.slide-here').animate({ left: '-=196px' }); 

      return false; 

     }); 
+0

你是什么意思“停止滑块后图像完成”?需要完成哪些图像? – jbkkd

+0

是啊它的动态滑块,所以我不知道图像的数量,我只是想停止它,或者至少在达到结尾时循环它 – user1905716

回答

0

只是把在用于终端点的边界条件由图像宽度乘以*图像的数量 - 1 * - 1向左移动和0向右移动。这显然会对第一个元素进行检查。

它很难与给定的信息更具体。

编辑:*代替x乘法运算符

+0

是啊我试过了,但动画继续点击按钮后继续移动 – user1905716

+0

@ user1905716告诉我们你是如何尝试的 –

0

欢迎使用Stackoverflow!你的问题还不够清楚,我建议你read this关于未来更好的问题。

关于你的问题,here是关于建立一个jQuery滑块插件与图像的推荐阅读。

祝你好运!