jquery carousel - 似乎无法让以前的图像滑入

时间:2012-11-26 23:43:58

标签: jquery carousel

请jsfiddle:http://jsfiddle.net/Snp7F/2/

单击下一个按钮可以完美地工作(当前图像向左滑动,下一个图像滑入),但是当我单击上一个按钮时,它确实有效,但它不会在该组中的上一个图像中滑动。

我不确定我做错了什么,有人可以帮助我吗?

以下是代码:

$.carousel = function(obj){
var width = $(obj).find('ul').find("li:first").outerWidth();

$(obj).find('.slider_prev').click(function() {
   if($(obj).find('li').length > 1) {
       $(obj).find('ul').animate({marginLeft:326},750,function(){
            $(this).find("li:last").after($(this).find("li:first"));
            $(this).css({marginLeft:0});
       })
   }               
   return false;
});
$(obj).find('.slider_next').click(function() {
   if($(obj).find('li').length > 1) {
        $(obj).find('ul').animate({marginLeft:-326},750,function(){
            $(this).find("li:last").after($(this).find("li:first"));
            $(this).css({marginLeft:0});
        })
   }
   return false;
}); 
}
$.carousel('#slider_1');​

1 个答案:

答案 0 :(得分:0)

在任何给定时间,您实际正在查看的图像右侧应该有图像。我会更新逻辑以包含第三个li