使用Mds.onePic.js制作轮播图片效果

$('#slide').MdsSlideFade({ pageNum: true,time: '3000' });

_width: document.body.clientWidth, //设置图轮播图大小默认全屏效果

_height: 400,

page: 'page', //是否启用导航图标,有值时启用，值为导航图标列表的样式类，为空时不启用导航列表

btn: true, //是否启用上下一页按钮，true为启用,false或者空为不启用。如果启用，请在下面的四个属性中赋值，为按钮添加样式类和按钮文字

nextClass: 'next', //下一张按钮样式类

prevClass: 'prev', //上一张按钮样式类

nextText: '下一张',

prevText: '上一张',

fade: 'normal', //图片切换速度可能的值slow/normal/fast/毫秒(比如 1500)

time: '', //可能的值(毫秒)1000\2000...

pageNum: false, //是否启用数字做轮播导航 true为启用,false不启用

pagelocat: true //轮播导航图标是否要居中 true/fasle 默认为居中

附件下载