【问题标题】:How to make slick carousel images repeat infinitely如何使光滑的轮播图像无限重复
【发布时间】:2016-05-13 11:16:05
【问题描述】:

我的光滑轮播中有 6 张图片。它们占据屏幕的全宽空间,但不会无限重复。为了进一步解释,我的意思是我只想使用 6 张图像,如果它们超时跳到左边,那么它们会一次又一次地从右边出现(它们会不断重复)

【问题讨论】:

    标签: image carousel


    【解决方案1】:

    您是否正在使用引导程序?因为它有一个可以无限滑动的内置旋转木马。看看他们的代码,看看你能不能模仿他们的逻辑。

    https://getbootstrap.com/examples/carousel/

    编辑**

    进一步研究后,这有帮助吗?

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

    引用自:http://kenwheeler.github.io/slick/

    我以前没有使用过 slick,但我相信你可以将它的无限属性设置为 true。让我知道这是否有效!

    【讨论】:

    • 这更适合作为评论,因为你真的不知道他们是否在使用 Bootstrap。
    • 你好克里斯,谢谢你告诉我。对于 SO 来说还是相当新的,并且显然没有足够的声誉点来发表评论。如果我没有遵循指南,我深表歉意。
    • 嗨。我正在使用引导程序,但我想创建一个不同的轮播/旋转器。我的轮播同时显示几张照片(一组照片而不是一张)。所有照片一个接一个地堆叠在一起。
    • 重要的是我只有 6 张照片,它们需要填满整个屏幕宽度。是否总是有 6 张照片填满屏幕的宽度并不重要,它更像是一个轮播,它们可以重复并且重复非常重要。所以它们有自己的尺寸,不管是 3 个填充屏幕宽度还是 10 个填充都没有关系。最重要的是如何让它们重复,所以当这六张照片完成时,另一组照片会出现在它们旁边(就像一个无限循环)。
    • 感谢您的详细描述,我想如果您发布您正在使用的当前代码,我可能能够更清楚地了解您正在使用的内容和想要实现的目标。为了清楚起见,您希望在一张幻灯片上呈现一组 6 张照片,并让它在单击按钮时一遍又一遍地重复?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-11
    • 2016-01-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多