ナビゲーションにスワイプを使用してモバイルデバイスで動作する画像ローテーターを作成しようとしています。また、同じローテーターをPCブラウザーで動作するように作成しようとしていますが、マウスのドラッグを使用してスワイプをシミュレートできるようにしています。良いアイデアはありますか?
onmousedown
、onmousemove
、およびonmouseup
イベントを処理し、マウスの位置を追跡し、それに応じて画像ローテーターを操作する必要があります。
私はこれらのほとんどを調べました...私は調べることをお勧めします
私が少し見てきたことから、それはデスクトップとモバイルの両方のスワイプをサポートしていて、私はデモに感銘を受けました。
私はあなたがこの答えを探していると信じています: スタンドアロンのjQuery「タッチ」メソッド?
受け入れられた回答には、左/右スワイプのサポートを実装するコードがあり、下の別の回答には、同様のタスクを実行するプラグインへのリンクがあります: http://www.netcu.de/jquery-touchwipe-iphone-ipad -library (このプラグインでは、4方向のスワイプを検出できます)。
Hammer.jsを使用すると、タッチ/マウスおよびポインターイベントもサポートされます。これは、Chromebookpixelやwindows8などのタッチスクリーンノートパソコン用です。そこにあるライブラリのほとんどはまだそれらをサポートしていません。
最終的に iDangerous Swiper を使用しました。これは私のすべてのニーズを満たし、(IMO)非常に優れています。