jQuery 走马灯 - 似乎无法让上一张图片滑动

Question

请查看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');​

- Joe

Answer 1

在任何时候，您实际查看的图像左侧和右侧都应该有一张图像。我会更新逻辑以包括第三个li。

- greener

---

不幸的是，那并没有解决问题。但我找到了另一个简单画廊的解决方法：http://jqueryfordesigners.com/jquery-infinite-carousel/。 - Joe