基于zepto的移动端轮播图插件
zepto.touchslider.js 是一个用来创建一个轮播图的 zepto 插件。
在线演示地址:http://hehaibao.github.io/touchslider/
Dependencies:zepto.touchslider.js depends on the following libraries:
zepto
toucher
JS调用方法(举个栗子):
无链接的情况下:
$('#sliderBox').touchslider({ srcArr: [ "http://fakeimg.pl/320x175/666666", "http://fakeimg.pl/320x175/ff0000/", "http://fakeimg.pl/320x175/222222/", "http://fakeimg.pl/320x175/999999/" ] }); 有链接的情况下:
$('#sliderBox').touchslider({ srcArr: [ [ "http://fakeimg.pl/320x175/666666", "http://www.hehaibao.com/" ], [ "http://fakeimg.pl/320x175/ff0000", "http://www.hehaibao.com/" ], [ "http://fakeimg.pl/320x175/222222", "http://www.hehaibao.com/" ], [ "http://fakeimg.pl/320x175/999999", "http://www.hehaibao.com/" ] ] });
其他自定义参数:
$('#sliderBox').touchslider({ box: '#sliderBox', // 容器dom选择器 srcArr: [], // 轮播图数据 array arrows: false, // 是否展示圆点,默认true:显示,若false则不展示 auto: true, // 是否自动播放,默认true:自动播放,若false则手动播放 autoTime: 2000 // 自动播放时间, 单位:毫秒 });
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。