jquery carousel - 似乎无法让上一张图像滑入

标签 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');​

最佳答案

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

关于jquery carousel - 似乎无法让上一张图像滑入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13575116/

相关文章:

jquery - 在 Bootstrap 中做背景图片轮播

css - Bootstrap 改变轮播高度

javascript - 引导轮播 : Uncaught TypeError: Cannot read property 'offsetWidth' of undefined

javascript - 当网页上存在类似的多个表格时,向表格添加一个表格行会出现问题吗?

jquery - 如何使 JQuery 将 Ajax 响应视为纯文本而不是 JSON

jquery - jquery 单独的 dom 元素上的重复索引

css - 如何在图像下方移动 Bootstrap 3 旋转木马标题?

javascript - 使用 javascript 正则表达式自动链接 URL

jquery - 使用 Knockout JS 选项填充下拉列表,使用 ajax 调用返回的 json 对象

Javascript轮播,显示随机div并每3秒更改一次