Wischen durch Fotostapel wie Zunder - Cross-Plattform (Hybrid/HTML5 ist OK)

Ich bin auf der Suche nach einer App wie Tinder, wo Benutzer durch einen Foto-Stapel wischen. Kennt jemand eine Möglichkeit, diesen Effekt plattformübergreifend zu reproduzieren? Bisher Ich denke, eine Web-App mit jQuery Mobile des Gebäudes mitWischen durch Fotostapel wie Zunder - Cross-Plattform (Hybrid/HTML5 ist OK)

TouchSwipe für Swipe-Erkennung; siehe: http://labs.rampinteractive.co.uk/touchSwipe/demos/

und jStack, um die Bilder anzuzeigen; siehe: http://lab.hisasann.com/jStack/

Gibt es Vorschläge für einen besseren Weg, dies zu tun?

Quelle

2013-07-03 John D

Ich habe auch lange nach einem Plugin gesucht, am Ende habe ich nur fullsc verbesserte ein Bild und verwendete die SwipeLeft/SwipeRight-Ereignisse und Seitenübergänge, um es nutzbar zu machen. Es ist nicht "besser", aber es ist eine sehr einfache und schnelle Methode. – cybrox

Cybrox, das klingt großartig! Haben Sie einen Beispielcode, den Sie teilen könnten? –

Ich habe endlich einen Hack gefunden, der etwas tut, was ich in der Frage beschrieben:

die touchpunch Bibliothek verwenden (http://touchpunch.furf.com) für Drag & Drop, Vollbild-Bilder und Drop-Zones nach rechts und auf der linken Seite scheint der Trick zu tun.

Quelle

2013-07-11 12:22:08

Haben Sie eine Demo-URL? Ich habe versucht, den gleichen Effekt zu erzielen. Danke – user1216398

Ich bin derjenige, der diese Frage gepostet hat und ich habe immer noch keine "richtige" Lösung dafür gehört. Wenn jemand davon weiß, poste es bitte hier. –

Teilen Sie bitte jsfiddle! – FooBar

Ich hoffe, es ist nicht zu spät, um einen Vorschlag zu posten. Hammerjs erlaubt also, Multitouch- und Gestenereignisse zu hören. Und unterstützt Android, iOS und Windows Phone.

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

können versuchen, die photostack Kontrolle des nächsten/vorherigen Schritt Aufruf auf der Grundlage der Gestenereignis?

Quelle

2014-03-13 22:46:51 aravind

Nicht zu spät überhaupt! Danke für den Vorschlag. Eines der Dinge, die Tinders UI so besonders machen, ist, dass es nicht die Geste ist, die wahrgenommen wird, sondern dass das Bild verloren geht. Dies ermöglicht dem Benutzer zu zögern und hin und her zu gehen, was wichtig ist, wenn man jemanden auf den neuesten Stand bringen kann :) –

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

und für Winkel: https://github.com/gajus/angular-swing

dieses Themas siehe auch: Tinder style drag gesture and drop with Javascript?

Quelle

2014-11-11 21:03:51 user2254487

Hier ist ein jQuery-Plugin für das:

jTinder

Quelle

2015-01-03 14:13:30 Timay