【问题标题】:Slick: how to repeat infinitely?Slick:如何无限重复?
【发布时间】:2017-08-23 03:11:09
【问题描述】:

我总共有 4 张图像,它们都显示在屏幕上。我想要的是,一旦用户单击下一个按钮,使第 4 张图片显示为第 1 张,而之前的第 1 张图片现在是第 2 张,依此类推。

这是我的一段js代码:

    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1,

Infinite 设置为 true,但如果总共少于 5 张图像,它就不会按我想要的方式工作。

我在这里搜索了答案,并且能够找到两个类似的问题,但是他们都没有正确的答案。那些链接: How to make slick carousel images repeat infinitelyhow could i make slides infinite (slick slider).

【问题讨论】:

  • 它是如何工作的?您的代码似乎没问题...
  • @hering 如果我有 5 个或更多图像,它可以无限工作,但我只需要 4 个
  • @RachelNicolas 您的代码似乎没问题,您可以发布其余代码或分享 jsfiddle 吗?这将使任何人都更容易给出答案。
  • 你试过W3 Schools Code吗?

标签: javascript jquery html slick.js


【解决方案1】:

这并不能解释为什么该代码不起作用,但这是一个热修复!

您可以复制您的一组图像,因此您曾经拥有:

A B C D

你现在有:

A B C D A B C D

现在它将按照您想要的方式无限循环。

【讨论】:

  • 嗯,它完全解决了这个问题,但不幸的是它不能成为我的解决方案
猜你喜欢
  • 2011-08-25
  • 1970-01-01
  • 2011-02-18
  • 2013-06-19
  • 1970-01-01
  • 2011-10-28
  • 2020-06-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多