swper_swiper

参数解释:

l  索引:设置swiper从第几张图片开始轮播,默认值是0,0也是第一张图片。

l  过度时间:设置图片轮播时的过度时间,默认值是300ms。

l  图片滚动方向:设置图片滚动的方向,默认是水平方向。

l  自动播放间隔时间:自动播放的时间间隔(单位是ms)。

l  自动播放时不接受用户操作:swiper自动播放时操作swiper时会自动停止(建议开启)。

l  计算每个幻灯片的进度:是否显示幻灯片的进度并激活“在可见的幻灯片增加'swiper-slide-visible'类”属性配置。

l  在可见的幻灯片增加'swiper-slide-visible'类:在可见的幻灯片上增加一个“watchSlidesVisibility”类名。

l  自由滑动:开启自由模式。

(1). freeModeMomentumRatio:释放幻灯页之后,幻灯页滑动的距离,默认值为:1,设置的值越大,当释放幻灯页时,幻灯页滑动的距离越大。

(2). freeModeMomentumBounceRatio:设置幻灯片通过惯性滑动到边缘时的反弹距离,默认值为:1,值越大产生的边界反弹效果越明显,反弹距离越大。

(3). freeModeMomentum:是否设置幻灯页在释放后会继续滑动一段距离,默认值为:true。设置为false侧关闭动量,释放幻灯页之后立即停止不会滑动一段距离。

(4). freeModeMomentumBounce:幻灯片通过惯性滑动到边缘时,是否反弹一定距离,默认值为:true。设置为false时禁用动量反弹,幻灯片通过惯性滑动到边缘时,无法反弹。

(5). freeModeSticky:是否设置free模式下的幻灯片自动贴合wrapper,默认值为:false。

l  在桌面浏览器显示手形图标:鼠标覆盖Swiper时指针会变成手掌形状,拖动时指针会变成抓手形状。

l  幻灯片间隔spaceBetween(px):设置幻灯片之间的距离,默认是0 px。

l  幻灯片居中:设置幻灯片为居中。

l  列数设置:设置slider容器能够同时显示的幻灯片数量(carousel模式),默认值是1,可以设置为'auto',会自动根据slides的宽度来设定数量,可以设置为2,那么slider容器将同时显示两张幻灯片。

l  行数设置:设置多行布局里面每列的幻灯片数量,默认值是1,比如:设置为2,那么在多行布局中,每列会有两个幻灯片。

l  距左边框距离:设定幻灯片与左边框的偏移量,默认值为0,单位是像素(px)。

l  距右边框距离:设定幻灯片与由边框的偏移量,默认值为0,单位是像素(px)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值