jQuery的滑动无限滚动不起作用

我想创建一个简单的无限滚动jQuery滑块。问题在于，在到达第三张图像后，滑块会回到第一张图像，并经过所有其他图像。jQuery的滑动无限滚动不起作用

下面是代码：jsFiddle

$('#rightArrow').click(function() { 
    currentPosition = currentPosition+1; 
    sliderControls(currentPosition); 
    $('#combined').animate({ 
     'marginLeft' : slideWidth*(-currentPosition) 
    }); 
    });

我希望把它无限循环。第三张图像应该是第一张具有相同动画的图像。

来源

2013-08-23 webtech

创建无限循环并不像您想象的那么容易。要创建一个好的无限滑块，当滑块到达最后时，您必须在滑块末尾附加新元素。您最后追加的项目可以从前面移除以获得最佳性能。

由于周围有很多无限的滚动插件，您可能需要试一下：http://megahitmag.com/free-infinite-scrolling-jquery-plugins/

来源

2013-08-23 18:13:53

jQuery的滑动无限滚动不起作用

回答

相关问题