swiper轮播
首先下载swiper需要用到的js和css文件用来引用
以下是一些属性:
direction:方向,两个属性值
vertical:垂直的,切换方向为上下
Horizontal:水平的,默认值
pagination:分页,下方的点
slidesPerView:幻灯片视图,显示在屏幕上的页数
slidesPerColumn:每列幻灯片的数量
paginationClickable:分页显示,控制页面的跳转(点击圆点),默认值为false
spaceBetween:空间,分页的间距
freeMode:自由滑动,可不固定在一个页面上
centeredSlides:本幻灯片,令页面可选中,默认值为false
grabCursor:光标变为手型
scrollbarHide:滚动条类型
loop:循环效果,默认为false,添加后实现循环
effect: ‘fade’ :淡入效果
keyboardControl:键盘控制,设置后可用键盘控制图片,默认为false
mouse wheel Control:鼠标滚轮控制,默认为false
autoplay:自动播放
autoplayDisableOnInteraction: 交互播放禁用,默认为true,自动播放时若用户与对象有交互行为时,自动播放会停止,只需把默认值改为false即可
dir=”rtl”:加载时为最后一页
debugger:调试器
下列为swiper轮播框架的学习网站:
http://www.swiper.com.cn/