swipe.js在bootstrap 3.0轮播中滑动/拖动支持

时间:2014-03-05 20:56:59

标签: twitter-bootstrap-3 carousel swipe swipe.js

我最近将bootstrap 3轮播改装到我的网站,并使用jquery mobile swiperight和swipeleft添加了滑动手势支持。像这样:

How to make Bootstrap carousel slider use mobile left/right swipe

这很好用,但功能并不是我需要的。

之前我使用的是swipe.js,它提供了更多的拖动和滑动机制。如果您将手指放在旋转木马上的图像上,然后向左或向右拖动图像,图像会立即跟随移动。这比jquery移动滑动实现更自然,更灵敏。

我喜欢使用bootstrap carousel和swipe.js似乎不仅仅是一个手势库,它确实提供了一些轮播功能,所以将两者结合起来似乎不太合适。

是否有人知道插件或适当的swipe.js功能,以引导旋转木马?

1 个答案:

答案 0 :(得分:3)

我最近正在寻找这个问题的解决方案,并确定了这个插件:http://ixisio.github.io/bootstrap-touch-carousel/

它的重量相对较轻,专为自举而写。唯一的缺点是它需要hammer.js,这增加了一些额外的重量,但这不是什么大问题。