Scorrere lo stack di foto come Tinder - Cross-platform (Hybrid/HTML5 è OK)

Sto cercando di creare un'applicazione come Tinder in cui gli utenti passano attraverso una pila di foto. Qualcuno sa di un modo per riprodurre questo effetto multipiattaforma? Finora, sto pensando di creare un'app Web utilizzando jQuery Mobile conScorrere lo stack di foto come Tinder - Cross-platform (Hybrid/HTML5 è OK)

TouchSwipe per il rilevamento dello scorrimento; vedere: http://labs.rampinteractive.co.uk/touchSwipe/demos/

e jStaccia per visualizzare le immagini; vedere: http://lab.hisasann.com/jStack/

Ci sono suggerimenti di un modo migliore per farlo?

fonte

2013-07-03 John D

Stavo anche cercando un plug-in da molto tempo, alla fine ho appena finito ricreare un'immagine e utilizzare gli eventi swipeLeft/swipeRight e le transizioni di pagina per renderlo utilizzabile. Non è "migliore" ma è un metodo molto semplice e veloce. – cybrox

Cybrox, sembra fantastico! Hai qualche esempio di codice che potresti condividere? –

ho finalmente trovato un hack che fa qualcosa di simile a quello che ho descritto nella domanda:

Utilizzando la libreria touchpunch (http://touchpunch.furf.com) per il drag and drop, immagini a schermo intero, e zone di trascinamento a destra e a sinistra sembra fare il trucco.

fonte

2013-07-11 12:22:08

Qualche possibilità di avere un URL demo da verificare? Ho cercato di fare lo stesso effetto. Grazie – user1216398

Sono colui che ha postato questa domanda e non ho ancora sentito alcuna soluzione "corretta" a questo. Se qualcuno ne conosce uno, per favore postalo qui. –

Condividi jsfiddle per favore! – FooBar

Spero che non sia troppo tardi per inviare un suggerimento. Quindi, hammerjs consente di ascoltare eventi multitouch e gestuali. E supporta Android, iOS e Windows Phone.

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

può provare a chiamare passo successivo/precedente del controllo photostack in base all'evento gesto?

fonte

2014-03-13 22:46:51 aravind

Non troppo tardi! Grazie per il suggerimento. Una delle cose che rende speciale l'interfaccia utente di Tinder è che non è il gesto che viene percepito, ma dove l'immagine viene rilasciata. Ciò consente esitazione e avanti e indietro dall'utente, il che è importante quando potenzialmente si sceglie qualcuno fino ad oggi :) –

check out swing JS: https://github.com/gajus/swing

e per angolare: https://github.com/gajus/angular-swing

vedere questa discussione anche: Tinder style drag gesture and drop with Javascript?

fonte

2014-11-11 21:03:51 user2254487

Qui è un plugin jQuery per questo:

jTinder

fonte

2015-01-03 14:13:30 Timay