jQuery用プラグイン “PhotoSwipe” を、jQuery Mobileに適用したサンプルを試してみました。 これは、jQueryを使ってタッチデバイス上でスタイリッシュなイメージギャラリーを作るためのプラグインです。jQuery Mobileに特化したものではないですが、親和性は高いはずなので、組み合わせてみます。 PhotoSwipeの基本的な機能は、アンカーで参照した先にある複数の画像を、インターフェースのついたスライドとして見せてくれるものです。今回は提供されているサンプルを踏襲して、3×3のサムネイル画面をつくり、サムネイルがクリックされるとスライドショーが開始されるようにしたいと思います。ただし、サンプルにはjQuery Mobile的にまずい点があるので、その辺の修正コードも含むようにしています。 さておき、簡単な実装方法とデモを用意してみました。 デモ 簡易的なデ
![[jQuery Mobile] PhotoSwipeプラグイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/fea767e2ea01a50fd866602e922b75c9ee0f3b69/height=288;version=1;width=512/https%3A%2F%2Fscrew-axis.com%2Fwp-content%2Fuploads%2F2011%2F12%2Fjqm-photoswipe.jpg)