モバイル対応。写真を大きく表示「jQuery.fullPhotoDialog」
jQuery.fullPhotoDialogはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
モバイルファーストなんて言葉が叫ばれていますが、まだまだ技術界隈ではデスクトップをメインターゲットにしているように見えます。なので類似したライブラリでもモバイル対応とするだけで付加価値になるのです。今回は写真を拡大表示するjQuery.fullPhotoDialogを紹介します。
[](http://images.moongift.jp/2013/09/Screenshot 2013-09-29 13.47.02.1380540868.png)
デモです。テキストは気にしないでください。
[](http://images.moongift.jp/2013/09/Screenshot 2013-09-29 13.47.08.1380540873.png)
ボタンをクリックすると画像を大きく表示しました。
[](http://images.moongift.jp/2013/09/Screenshot 2013-09-29 13.47.32.1380540884.png)
モバイル対応とあってレスポンシブです。
jQuery.fullPhotoDialogはとてもシンプルな写真ダイアログで、中央に大きく写真を表示して右上にタイトル、左上に閉じるための×ボタン、下にキャプションが出せるようになっています。意外と多そうでなかったりするので覚えておくと良いでしょう。
これまでデスクトップで便利に使われていたライブラリもスマートフォンで使えるかと言うと実際には動作に難があるケースが多々あります。特にUI周りのアニメーションで不具合が起こります。
またモバイルではディスプレイが小さいこともあって旧来のライブラリとは違ったニーズが存在します。jQuery.fullPhotoDialogはシンプルに大きく写真を表示していますが、スマートフォンであればこれで見やすいと言った受け取られ方をするはずです。