在jQuery中滑动3D旋转木马 [英] Swiping 3D Carousel in jQuery

问题描述

我用jQuery和CSS3创建了一个3D旋转木马。 这是我的代码。

I have created a 3D carousel with jQuery and CSS3. This is my code.

如果用户点击下一页或上一页，它会导航到带有效果的下一页或上一页。

If user clicks on the next or previous page, it navigates to next or previous page with an effect.

现在，我想为我的代码添加刷卡支持。我知道有一个一堆图书馆。

Now, I want to add swiping support to my code. I know that there are a bunch of libraries.

但我不想检测只是滑动。 用户可能会慢慢滑动，而且我想使用用户手指（或鼠标）开始旋转。

But I don't want to detect just swiping. User may swipe slowly, and I want carousel to start rotating slowly, just with user's finger (or mouse).

我可以使用图书馆（这些图书馆）用于检测快速滑动，设置时间和距离阈值，但是如何检测慢速滑动，以及如何将该效果添加到我的轮播？ （它应该看起来像一个物理的东西...）

I can use a library (from these libraries) for detecting fast swiping, with setting time and distance thresholds, But How to detect slow swiping, and How to Add that effect to my carousel? (It should look like a physical thing...)

推荐答案

Bx滑块是一个很好看的与此，如果提供自动机等的自动收报机模式，并有非常好的API选项。

Bx slider is a good one to look at with this, if offers a ticker mode with automation etc and has very good API options.

这篇关于在jQuery中滑动3D旋转木马的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！