0

我正在尝试创建一个简单的无限滚动 jQuery 滑块。问题是在到达第三张图像后,滑块会回到第一张,遍历所有其他图像。

这是代码:jsFiddle

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

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

4

1 回答 1

0

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

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

于 2013-08-23T18:13:53.670 回答