用swiper写一个能够看到两边图片的轮播图

2019年度将近,个人觉得是发现了最为流行的轮播图。

如图所示“:

正如图所见的事例,那么我们看到的是两边留住的空白以及上一张的图片,和下一张的图片都有所展示

其实现的方式为,引入swiper.js

// JavaScript Document

            var mySwiper = new Swiper('.swiper-container', {

                slidesPerView: 'auto',

                centeredSlides: true,

                watchSlidesProgress: true,

                paginationClickable: true,

                slidesPerView: 1.1,

                spaceBetween: 10,

                loop: true,

                autoplay: true

            });

ok这里的便结束喽。一定要看文档哦。。。

猜你喜欢

转载自blog.csdn.net/zhangjianshanshan/article/details/86631921