Swiping Through Photo Stack Like Tinder - Cross-platform (hybrid / Html5 Is Ok)

I'm looking to create an app like Tinder where users swipe through a photo stack. Does anyone know of a way to reproduce this effect cross-platform? So far, I'm thinking of buildin

Solution 1:

Here is a jQuery Plugin for that:

jTinder

Solution 2:

I've finally found a hack that does something like what I described in the question:

Using the touchpunch library (http://touchpunch.furf.com) for drag and drop, full-screen images, and drop zones to the right and to the left seems to do the trick.

Solution 3:

Check out Swing JS : https://github.com/gajus/swing

and for angular: https://github.com/gajus/angular-swing

see this thread also: Tinder style drag gesture and drop with Javascript?

Solution 4:

Hope it isn't too late to post a suggestion. So, hammerjs allows to listen to multitouch and gesture events. And supports Android, iOS and Windows Phone.

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

Can try calling the photostack control's next/previous step based on the gesture event?