スマートフォンサイト用に、フリック・スワイプ対応が簡単に出来るjQueryプラグインいろいろ | Web活メモ帳
最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks
ドラッグ操作がIE6からiPhone/Androidまで軽快に動くJavaScript「Dragdealer JS」が良さそうな件 | Web活メモ帳
ドラッグ操作がIE6からiPhone/Androidまで軽快に動くJavaScript「Dragdealer JS」が良さそうな件 「Dragdealer JS」はIE6からiPhoneやAndroidでも軽快にドラッグできるJavaScriptですよ。 クロスブラウザ対応するスクリプトは覚えておいてもよいですよね。 スライダー ↑横スライダーの位置によってフォントサイズを変更するサンプル スクロールバー ↑赤い部分をドラッグする事でコンテンツをスクロールさせてます。 画像スクロール ↑画像をドラッグするサンプル。 範囲外にドラッグすると反発するように戻るようになります。 これらが全てクロスブラウザで動作するので、ドラッグするインターフェースを作る際に良さそうです。 デモ&ダウンロードは下のリンクから確認ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
drag and scale for iOS | jQuery Plugins
SY:HTML CSS JS
Drag and drop - HTML5 API チェッカー - HTML5 チュートリアル - HTML5.JP