JS Infinite照片滑块，在同一个“窗口”上有几个图像

Question

我试图找出如何构建一个照片滑块，在滑动的窗口中有几张照片＆＃34;。

例如，我有30张图片，我想每次显示5张图片。单击左/右箭头时 - 下一个产品将显示，另外4个仍然存在。

所以 - 123 [45678] 9点击左后将是12 [34567] 89（其中[]是窗口）。

点击一个箭头后，我希望新照片可以滑入，一张旧照片可以从另一侧滑出 - 以及要向该方向移动的所有内容。所以看起来它只是一个无限的旋转木马。

任何使这简单易行的好主意？

谢谢！

Answer 1

检查一下，我认为这应该满足你的需要

http://kenwheeler.github.io/slick/

您可以使用下面提到的代码

来实现无限滚动

<div class="multiple-items">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>

$('.multiple-items').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});