Przesuwanie przez stos zdjęć, taki jak Tinder - Na wielu platformach (Hybrid/HTML5 jest w porządku)

Chciałbym utworzyć aplikację taką jak Tinder, w której użytkownicy przesuwają stos zdjęć. Czy ktoś wie o sposobie odtworzenia tego efektu między platformami? Do tej pory myślę o zbudowaniu aplikacji internetowej za pomocą jQuery Mobile zPrzesuwanie przez stos zdjęć, taki jak Tinder - Na wielu platformach (Hybrid/HTML5 jest w porządku)

TouchSwipe do wykrywania machnięcia; patrz: http://labs.rampinteractive.co.uk/touchSwipe/demos/

oraz jStack do wyświetlania obrazów; zobacz: http://lab.hisasann.com/jStack/

Czy są jakieś sugestie lepszego sposobu na zrobienie tego?

Źródło

2013-07-03 John D

Szukałem też wtyczki przez długi czas, w końcu po prostu pełno wznowił obraz i wykorzystał zdarzenia i przejścia stronicowania w ruchu/swipeLeft/swipeRight, aby uczynić go użytecznym. To nie jest "lepsze", ale jest to bardzo prosta i szybka metoda. – cybrox

Cybrox, to brzmi świetnie! Czy masz przykład kodu, który możesz udostępnić? –

ja w końcu znalazłem hack, który robi coś takiego, co opisałem w pytaniu:

Korzystanie z biblioteki touchpunch (http://touchpunch.furf.com) do przeciągania i upuszczania, obrazów pełnoekranowych i strefy upuszczania w prawo i po lewej wydaje się załatwiać sprawę.

Źródło

2013-07-11 12:22:08

Czy masz szansę na wypróbowanie adresu URL pokazowego? Próbowałem zrobić ten sam efekt. Dzięki – user1216398

Jestem osobą, która opublikowała to pytanie i nadal nie słyszałam o żadnym "właściwym" rozwiązaniu tego problemu. Jeśli ktoś o tym wie, opublikuj go tutaj. –

Podziel się proszę jsfiddle! – FooBar

Mam nadzieję, że nie jest za późno, aby opublikować sugestię. Tak więc hammerjs pozwala słuchać zdarzeń multitouch i gestów. Obsługuje systemy Android, iOS i Windows Phone.

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

mogą spróbować nazywając kontrolki photostack następny/poprzedni krok w oparciu o zdarzenia gestu?

Źródło

2014-03-13 22:46:51 aravind

Nie za późno! Dzieki za sugestie. Jedną z cech, która sprawia, że Tinder's UI jest wyjątkowy, jest to, że nie jest to gest, który zostaje wykryty, ale miejsce, w którym obraz zostaje upuszczony. Pozwala to na wahanie się i cofanie się od użytkownika, co jest ważne przy potencjalnym wyborze osoby do tej pory :) –

Wyjazd Swing JS: https://github.com/gajus/swing

i kątowe: https://github.com/gajus/angular-swing

zobaczyć ten wątek także: Tinder style drag gesture and drop with Javascript?

Źródło

2014-11-11 21:03:51 user2254487

Oto jQuery Plugin że:

jTinder

Źródło

2015-01-03 14:13:30 Timay