slides 带手势的图片滑动效果(用于移动终端)

  slidesjs 是基于jQuery开发的一款功能强大,是简单的幻灯片插件,但是需要要应用于移动终端的话,还需要考虑手势滑动时候图片切换功能。

  此次,,我就在slidesjs基础上扩展了两个swipe属性"swiperight","swipeleft"。

// swipe rightif (option.swiperight){control.bind(‘swiperight’,function(){if (option.play) {pause();}animate(‘prev’, effect);});}// swipe leftif (option.swipeleft){control.bind(‘swipeleft’,function(){if (option.play) {pause();}animate(‘next’, effect);});}

这样在用slidesjs时候,只需要设置两个属性为“true”,如下:

$(document).ready((function(){$(‘#slides’).slides({preload: true,preloadImage: ‘images/loading.gif’,play: 3000,pause: 1000,hoverPause: true,swiperight:true,swipeleft:true});}));

这样,WEB端网页用移动终端访问,图片滚动也能支持手势了。

代码下载:

或许人生就是一场旅行,在旅行中遇到的每一个人,

slides 带手势的图片滑动效果(用于移动终端)

相关文章:

你感兴趣的文章:

标签云: