jQuery.event.swipe插件实现支持手势操作幻灯片效果

jQuery.event.swipe是一个让幻灯片支持手势操作的Jquery插件，他能自定义触摸事件，阻止浏览器自身的点击事件，对于移动开发中图片展示幻灯片开发有很大的帮助，一个轻量级的JavaScript插件库。

jQuery.event.swipe让幻灯片支持手势操作的Jquery插件

Project

Github: github.com/stephband/jquery.event.swipe
Issues: github.com/stephband/jquery.event.swipe/issues
Dependency: github.com/stephband/jquery.event.move

Swipe事件

swipeleft, swiperight, swipeup, swipedown
手指从接触表面释放（或鼠标中键）如果手指有）已经至少距离阈值或B）迅速在一个较短的距离。 也响应鼠标。
Swipe事件对象的增加与性能：
e.pageX, e.pageY
指针当前页面坐标。
e.startX, e.startY
页面坐标的指针在滑动开始。
e.distX, e.distY
手指移动的距离
e.velocityX, e.velocityY
速度，在像素/ MS，过去几个移动平均事件。
如何使用

var slides = jQuery('.slides'),
    i = 0;
slides
.on('swipeleft', function(e) {
  slides.eq(i + 1).addClass('active');
})
.on('swiperight', function(e) {
  slides.eq(i - 1).addClass('active');
});

Swipe事件在MoveEnd事件薄包装；方便透露当手指在滑动手势移动。底层移动事件泡沫你可以代表他们，但Swipe事件也这样做会带来不必要的昂贵。使用移动事件如果你需要更多的。
滑动或滚动
Swipe事件薄包装建立在移动的事件（stephband.info/jquery.event.move ）。移动的事件，默认情况下，覆盖本地滚动，因为他们认为你想移动的东西而不是滚动窗口重新启用滚动。调用e.preventDefault()一个MoveStart处理器内部。
在上面的例子中，我们希望能够swipeleft和swiperight，但上下滚动。在MoveStart 处理方向的，手指移动计算和事件预防如果发现移动或是：

jQuery('.mydiv')
.on('movestart', function(e) {
  // If the movestart is heading off in an upwards or downwards
  // direction, prevent it so that the browser scrolls normally.
  if ((e.distX > e.distY && e.distX < -e.distY) ||
      (e.distX < e.distY && e.distX > -e.distY)) {
    e.preventDefault();
  }
});
如何在页面顶部的作品实例，查看源代码。