Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ContentFlow:如何点击和滚动,以及在点击时翻转图像_Javascript_Css - Fatal编程技术网

Javascript ContentFlow:如何点击和滚动,以及在点击时翻转图像

Javascript ContentFlow:如何点击和滚动,以及在点击时翻转图像,javascript,css,Javascript,Css,我正在测试ContentFlow(http://www.jacksasylum.eu/ContentFlow/index.php)我正试图在桌面和移动设备的浏览器上实现这两个目标 默认情况下,当鼠标单击并拖动时,桌面版本工作正常。它滚动并减速,最后停在图像上。但是,当我用iPad2打开时,点击并拖动,它会像橡皮筋一样跳回到初始图像。无论如何,要修复此行为吗 另外,我想选择图像,然后单击/点击将其翻转到另一个图像。可能吗 我已经搜索并找到了Card Flip,但我无法将其合并到ContentFlo

我正在测试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)";},

但它不起作用…

我可以通过改变

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

(第14行)

我现在遇到的问题是,触摸和拖动运动的结束被解释为单击;但我想如果你的项目不可点击,这不会影响你

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