像Tinder一样轻扫照片堆栈 - 跨平台(混合/ HTML5可以)

时间:2013-07-03 16:53:16

标签: html5 css3 jquery-mobile web-applications cross-platform

我正在寻找像Tinder这样的应用,用户可以在照片堆栈中滑动。有谁知道跨平台重现这种效果的方法? 到目前为止,我正在考虑使用jQuery Mobile和

构建一个Web应用程序

TouchSwipe用于滑动检测; 见:http://labs.rampinteractive.co.uk/touchSwipe/demos/

和jStack显示图像; 见:http://lab.hisasann.com/jStack/

有没有更好的方法可以做到这一点?

4 个答案:

答案 0 :(得分:19)

这是一个jQuery插件:

jTinder

答案 1 :(得分:4)

我终于找到了一个像我在问题中描述的那样做的黑客:

使用touchpunch库(http://touchpunch.furf.com)进行拖放操作,全屏图像以及向右和向左拖放区域似乎都可以解决问题。

答案 2 :(得分:4)

答案 3 :(得分:3)

希望发布建议还为时不晚。因此,hammerjs允许收听多点触控和手势事件。并支持Android,iOS和Windows Phone。

http://eightmedia.github.io/hammer.js/

可以尝试根据手势事件调用photostack控件的下一个/上一个步骤吗?