swiper插件实现中间大两边小的轮播图效果

swiper插件实现中间大两边小的轮播图效果_第1张图片

        var swiper = new Swiper('.swiper-container', {
            effect: 'coverflow',
            centeredSlides: true,
            spaceBetween: '18%',
            slidesPerView: 'auto',
            loop: true,
            autoplay: {
                disableOnInteraction: false,
            },
            //   loopedSlides: 2,
            coverflowEffect: {
                rotate: 0,
                stretch: 0,
                depth: 300,
                modifier: 1,
                slideShadows: false,
            }
        });

你可能感兴趣的:(工具代码)