Swiping through photo stack like Tinder - Cross-platform (Hybrid / HTML5 is OK)

Question

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 bu

Answer 1

Here is a jQuery Plugin for that:

jTinder

Answer 2

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?

Answer 3

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.

Answer 4

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?