jQuery滑块无限滚动无法正常工作

Question

我正在尝试创建一个简单的无限滚动jQuery滑块。 问题是，在到达第3个图像后，滑块返回到第一个图像，然后通过所有其他图像。

以下是代码：jsFiddle

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

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

Answer 1

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

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