【问题标题】:How to duplicate slick slides?如何复制光滑的幻灯片?
【发布时间】:2023-01-13 02:24:48
【问题描述】:

我正在使用 slick-list 构建一个元素,人们可以在其中插入自己的幻灯片。 滑块应该显示 4 张幻灯片,但有时幻灯片的数量没有达到那么多,并且滑块出现错误,使幻灯片(宽度)比预期的小。 我试过使用 infinite:true 但它并没有像我预期的那样进行。 这是我的光头: `

    $('.el-lista-slider-orcamento .itens').each(function(){
          $(this).slick({
            slidesToShow: 4
            ,infinite: true
            ,slidesToScroll: 1
            ,autoplay: false
            ,autoplaySpeed: 4000
            ,speed: 500
            ,easing: 'swing'
            ,swipeToSlide: true
            ,pauseOnHover: false
            ,pauseOnFocus: false
            ,adaptiveHeight: true
            ,prevArrow: $(".el-lista-slider-orcamento .setas .seta-anterior")
            ,nextArrow: $(".el-lista-slider-orcamento .setas .seta-proximo")
            ,responsive: [
                {
                    breakpoint: 1280
                    ,settings: {
                        slidesToShow: 2
                    }
                },
        {
                    breakpoint: 768
                    ,settings: {
                        slidesToShow: 1
                    }
                }
            ]
        });
    })

` 有没有一种方法可以自动复制幻灯片,以便我可以达到最少 5 (4+1) 张幻灯片? 谢谢你。

我试图将“无限”设置为“真”,希望光滑列表自动复制幻灯片。我见过一些人抱怨这个“功能”(他们多么希望它没有重复)但什么也没发生。

【问题讨论】:

    标签: slider slick slick.js


    【解决方案1】:

    slidesToShow: 4换成3.99

    了解更多here

    【讨论】:

      猜你喜欢
      • 2020-04-26
      • 1970-01-01
      • 1970-01-01
      • 2018-11-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-25
      相关资源
      最近更新 更多