如何避免javascript图像轮播上的差距

时间:2015-12-01 11:00:36

标签: javascript jquery

我想使用这个javascript图片GridColumnCarousel - 但我注意到,在示例中,最后一张图片后面有一个间隙。首先,你看到4张图片,当我点击下一张图片时,它会显示剩余的2张图片,但是还有2张图片的空间。所以我想知道是否可以通过让旋转木马跳转到下一张图片来避免这种情况。图像并显示前2个,因此差距不存在。有没有人有想法?

1 个答案:

答案 0 :(得分:1)

有一种方法。有一个名为slick的插件。它会给你一个无限的旋转木马。点击here了解详情。

检查示例6以获得一个想法。不管怎么说,我会放弃示例代码:

<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
  <div><h3>4</h3></div>
  <div><h3>5</h3></div>
  <div><h3>6</h3></div>
</div>