Webページにスワイプインタフェースを追加するスクリプト
指をスライドさせてページ送りをしたりするスワイプという操作ですが、自分のWebサイトにもコレを使うと簡単に導入できそうです。 <div id="swipeBox" ontouchstart="touchStart(event,'swipeBox');" ontouchend="touchEnd(event);" ontouchmove="touchMove(event);" ontouchcancel="touchCancel(event);"> ↑こんな感じね。（うーん、見慣れないイベントだｗ） で、動作デモがこちら(iPadで見てね)＞ Swipe Example なんで、こんなモヤモヤっとした表現かというと、iPadが無いんです。試せないんです。デモサイトは当然Chromeちゃんでは動きませんでした。Android端末からなら動くのかな？iPad頂戴。 というわけで、詳しい解説は、↓
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
