请使用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');
最佳答案
在任何给定时间,您实际查看的图像的左侧和都应该有一张图像。我将更新逻辑以包含第三个 li
。
关于jquery carousel - 似乎无法让上一张图像滑入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13575116/