Javascript 滑头:如何无限重复?

Javascript 滑头:如何无限重复?,javascript,jquery,html,slick.js,Javascript,Jquery,Html,Slick.js,我一共有4张图片,都显示在屏幕上。我想要的是,一旦用户点击下一步按钮,第四张图片将显示为第一张,而之前的第一张图片将显示为第二张,依此类推 这是我的一段js代码: infinite: true, slidesToShow: 4, slidesToScroll: 1, Infinite设置为true,但如果总共少于5个图像,则它无法按我希望的方式工作 我在这里搜索了答案,找到了两个相似的问题,但都没有正确的答案。以下链接: 而且。这并不能解释为什么代码不起作用,但这里有一

我一共有4张图片,都显示在屏幕上。我想要的是,一旦用户点击下一步按钮,第四张图片将显示为第一张,而之前的第一张图片将显示为第二张,依此类推

这是我的一段js代码:

    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1,
Infinite设置为true,但如果总共少于5个图像,则它无法按我希望的方式工作

我在这里搜索了答案,找到了两个相似的问题,但都没有正确的答案。以下链接:
而且。

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

您可以复制您的图像集,以便在您曾经拥有的位置:

A、B、C、D

你现在有:

A B C D A B C D


这将以您希望的方式无限循环。

这并不能解释为什么该代码不工作,但这里有一个热修复

您可以复制您的图像集,以便在您曾经拥有的位置:

A、B、C、D

你现在有:

A B C D A B C D


现在,它将以您希望的方式无限循环。

它是如何工作的?似乎对你的代码没问题…@hering如果我有5张或更多的图片,它可以无限工作,但我只需要有4@RachelNicolas您的代码似乎没问题,您是否可以发布其余代码或共享一个JSFIDLE?这会让任何人都更容易给出答案。你试过这个方法吗?它是如何工作的?似乎对你的代码没问题…@hering如果我有5张或更多的图片,它可以无限工作,但我只需要有4@RachelNicolas您的代码似乎没问题,您是否可以发布其余代码或共享一个JSFIDLE?这会让任何人都更容易给出答案。你试过吗?嗯,它完全解决了这个问题,但不幸的是,它不能解决我的问题。嗯,它完全解决了这个问题,但不幸的是,它不能解决我的问题