スマートフォンサイト用に、フリック・スワイプ対応が簡単に出来るjQueryプラグインいろいろ


最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。

知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。
画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。

参考になれば幸いです。

IT/WEB業界への転職なら求人サイトGreen

jQuery Touchwipe

20110616 01

iPhone、iPad、Android用にスワイプでスライドショーを移動できます。

スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。
PCの場合には、アンカーテキストで画像の切替ができます。

サイズも1kB程度なので、モバイル端末に優しいですね。

PhotoSwipe

20110616 02

jQuery Mobile対応の全画面イメージギャラリー。
写真を大きく表示させて、ツールバーで操作するタイプです。

jquery.flickslide.js

20110616 05

スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン。
横向きも考慮されているので、業務案件でも使えそうです。

jQuery.flickable

20110619 03

iPhoneやAndroidのようにマウスのフリック操作でスクロールできるようにするjQueryプラグイン。
ページの一部だけをフリックできるようにしたり、iPhoneのホーム画面のようにページ区切りをつける事もできます。

flickGal

20110619 04

iPhoneでフリックギャラリーを実装するjQueryプラグイン。

jCarouse

20110616 06

iPhone SafariでCarousel風のUIを実現するjQuery Plugin

色々ありますね。他にもあったらぜひコメントで教えてください!

※2011/06/20 追記
flicksimpleというものをコメントで教えてもらいました!

flicksimple

20110620-03

iPhone、Androidだけでなく、PCのブラウザ上でも動作するのが特徴のようですね!
情報ありがとうございます。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly