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

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

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

			// swipe right 
			if (option.swiperight)
			{
				control.bind('swiperight',function(){
					if (option.play) {
						pause();
					}
					animate('prev', effect);
				});
			}
			
			// swipe left 
			if (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端网页用移动终端访问，图片滚动也能支持手势了。

代码下载：http://dl.vmall.com/c0bvwjdbyk