Question

我正在测试ContentFlow（http://www.jacksasylum.eu/ContentFlow/index.php），我正试图在桌面和移动设备的浏览器上实现这两种功能。

默认情况下，当鼠标单击并拖动时，桌面版本工作正常。它滚动并减速并最终停在图像上。但是，当我用iPad2打开时，点按并拖动它会像橡皮筋一样跳回到初始图像。无论如何要解决这个问题？

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

我搜索过并发现了Card Flip，但我无法合并到ContentFlow js / codes。

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

添加了：

我已尝试添加到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行）。

我现在遇到的问题是触摸和拖动动作的结束被解释为点击;但我想如果你的物品不可点击，这不会影响你。

ContentFlow：如何点击和滚动，并在点击时翻转图像

1 个答案: