adaptive-width-infinity-slider

aw-infinity-slider

adaptive-width-infinity-slider
Support touch event in mobile terminal.
自适应宽度无缝轮播jquery,zepto插件,支持移动端手指滑动。可以配置为固定宽度轮播。

使用方法: 引入jquery或者zepto
(使用zepto时,需要按照zepto的要求修改插件的写法)以及插件文件
html代码在html页面中
JS代码

$(function(){ var $skSlider=$('#skSlider'); $skSlider.slider();//执行轮播 }); 配置成固定宽度轮播(宽度通过CSS控制)
Dispose slider of fixed width which is controled by css;

$(function(){ var $skSlider=$('#skSlider'); $skSlider.slider({ screenwidth:false });//执行轮播 }); 配置自动播放及间隔时间
Dispose auto play and time interval

$(function(){ var $skSlider=$('#skSlider'); $skSlider.slider({ auto:true, //默认不自动播放 time:5000 //单位:ms =>默认10000ms });//执行轮播 });

注:长时间运行有点儿内存泄漏,希望各位大神指正! eg: There is some memory leak in it.I hope someone to modify it.

Demo: http://www.saikr.com

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。