如何结合光滑的旋转木马功能

how to combine slick carousel features

本文关键字：旋转木马功能何结合结合更新时间：2023-09-26

我正在尝试使用这个网站http://kenwheeler.github.io/slick/的光滑旋转木马，我正在尝试使用多个功能。有一些重叠的代码可能会导致问题。自动播放和淡出不能与其他功能一起工作。一个简单的删除一些重复的代码应该使这个代码的功能。

     $(document).ready(function(){
        $('.carousel').slick({
            /* Multiple */
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 3
            /* Variable Width */
            dots: true,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            centerMode: true,
            variableWidth: true
            /* Autoplay */
            slidesToShow: 3,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 2000,
            /* Fade */
            dots: true,
            infinite: true,
            speed: 500,
            fade: true,
            cssEase: 'linear'
        });
    });

我刚刚用你的代码做了一个JS小提琴。旋转木马可以工作，但是它需要一些样式:http://jsfiddle.net/77vsunov/

 $(document).ready(function(){
    $('.carousel').slick({
        /* Multiple */
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 3,
        /* Variable Width */
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        centerMode: true,
        variableWidth: true,
        /* Autoplay */
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        /* Fade */
        dots: true,
        infinite: true,
        speed: 500,
        fade: true,
        cssEase: 'linear'
    });
});

我拿了你的代码，添加了所需的逗号，它似乎工作正常。