用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这里的便结束喽。一定要看文档哦。。。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zhangjianshanshan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值