javascript - ContentFlow : How to tap and scroll, 和点击时翻转图像

Question

我正在测试 ContentFlow (http://www.jacksasylum.eu/ContentFlow/index.php)，我正在尝试在桌面和移动设备的浏览器上实现这两者。

默认情况下，桌面版在鼠标单击和拖动时工作正常。它滚动并减慢速度，最后停在一张图片上。然而，当我用 iPad2 打开时，点击并拖动，它会像橡皮筋一样跳回初始图像。无论如何要解决此问题？

此外，我想选择图像并单击/点按以将其翻转到另一幅图像。可能吗？

我搜索并找到了 Card Flip，但我无法将其合并到 ContentFlow js/代码中。

感谢任何帮助或建议。谢谢!

添加:

我尝试添加到 contentflow.js 中:

onclickActiveItem: function (item) {
var angle = 0;
angle += 180;
this.style.webkitTransform = "rotateY(" + angle + "deg)";
this.style.MozTransform = "rotateY(" + angle + "deg)";},

但它不起作用......

Answer 1

我可以通过更改

在 iPad mini 上使用 contentflow.js，1.0.2 版

this.iPhone = /iPhone|iPod/i.test(navigator.userAgent)

到

this.iPhone = /iPhone|iPod|iPad/i.test(navigator.userAgent)

(第 14 行)。

我现在遇到的问题是触摸和拖动 Action 的结束被解释为点击；但我想如果您的元素不可点击，这不会影响您。