web-dev-qa-db-ja.com

Tinderのような写真スタックをスワイプ-クロスプラットフォーム（ハイブリッド/ HTML5はOK）

ユーザーが写真スタックをスワイプするTinderのようなアプリを作成しようと思っています。この効果をクロスプラットフォームで再現する方法を知っている人はいますか？これまでのところ、jQuery Mobileを使用してWebアプリを構築することを考えています

スワイプ検出用のTouchSwipe;参照してください： http://labs.rampinteractive.co.uk/touchSwipe/demos/

画像を表示するjStack。参照してください： http://lab.hisasann.com/jStack/

これを行うより良い方法の提案はありますか？

htmlcssjquery-mobileweb-applicationscross-platform
17
John D

そのためのjQueryプラグインを次に示します。

jTinder

19
Timay

Swing JSをチェックしてください： https://github.com/gajus/swing

および角度の場合： https://github.com/gajus/angular-swing

このスレッドも参照してください： TinderスタイルのドラッグジェスチャーとJavaScriptでのドロップ？

4
user2254487

最後に、質問で説明したようなハックを見つけました。

タッチパンチライブラリ（ http://touchpunch.furf.com ）をドラッグアンドドロップ、全画面画像、および右と左へのドロップゾーンに使用すると、うまくいくようです。

4
John D

提案を投稿するのに遅すぎないことを願っています。したがって、hammerjsはマルチタッチおよびジェスチャーイベントをリッスンすることができます。 Android、iOS、Windows Phoneをサポートしています。

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

ジェスチャーイベントに基づいて、フォトスタックコントロールの次/前のステップを呼び出すことはできますか？

3
aravind