Mobile併用マークアップなかなか良さ気だったので備忘録。iPhone、AndroidやiPadなどの人気のタッチデバイス用に作られたギャラリー用のJSライブラリ・PhotoSwipe。人気のプラグイン、jQueryMobileでも利用することが出来ます。タッチデバイス専用とあって、独自の操作でもある、ピンチイン/アウト等による拡大や回転、フリックで進むなどの操作が可能です。PhotoSwipePhotoSwipeはタッチデバイス専用のJSライブラリ。iOS(iPhone/iPad)は勿論、AndroidやBlackBerryにも対応出来るそうです。jQuery依存型も非依存型が用意されているのも自由さがあっていいかなと。Mobileは昨日、サンプル配布したので宜しければ合わせてどうぞ。Mobile以下、iPhoneとiPadでのキャプチャです。iPhoneiPhoneでのキャプチャですデフォルトサムネを幅に自動で合わせてくれます。ランドスケープランドスケープ時でもサムネイルを自動で拡大し、幅を合わせてくれます。単体表示はサムネイルをタップします。左右フリックで進んだり戻ったり。ナビゲーションもある単体、ランドスケープ。2本指でピンチイン/アウトによる拡大縮小や、回転、スワイプで位置も動かせます。iPadiPadでのキャプチャ。デフォルトiPadで閲覧すると自動でサイズをiPadに合わせてくれます。ランドスケープランドスケープ時も勿論自動で幅を調整。iPadだとダイナミックですね。画像の閲覧サムネイルタップで単体画像を表示します。使い方jQueryプラグインとjQuery非依存タイプがありますので両方書いておきます。false);</script>非依存型の場合は上記のようにライブラリを読み込んで設定。Mobileの場合は本体とjQueryMobileライブラリ、photoswipeプラグインを読み込んで設定します。</div></div>マークアップは割とシンプル。ライセンスはMITです。これはなかなか汎用性があって良いのでは無いかなと。ドキュメントとデモ、ライブラリのダンロード等は以下より。際に役立ちそうな情報のまとめです。シェアしたいと思ってエントリーします。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。