SmartPhoto.jsは、レスポンシブに対応したかっこいいイメージビューアを実装することができます。写真の短辺側が画面の最大になるポイントまで拡大表示されるのが特徴です。スマホで写真を大きく表示させたい人は要チェックですね。
SmartPhoto.js
SmartPhoto.jsの詳しい使い方やダウンロード、または実際のデモは以下のページからチェックできます。
上記のページでは、サムネイル画像をクリックするとイメージビューアが立ち上がり拡大された画像を見ることができます。背景が黒になっているので、写真に集中してじっくり楽しみたい人にはピッタリですね。
左右には前後移動できる矢印ボタンも設置されているほか、キーボードの矢印キーからでも写真の前後移動が可能です。また、拡大された画像の下にはサムネイル画像の一覧も設置されているので、ここから目的の画像を拡大表示させることもできます。
もちろんレスポンシブ対応なので、ブラウザ幅を変更してもそれに合わせて最適化されます。
イメージビューアを閉じる場合は、右上の「×」をクリックします。このほか、キーボードのescキーからでも閉じることができます。
iPhoneからもチェックしてみましたが、スワイプやピンチイン・ピンチアウトなどにも対応していてとても操作しやすかったです。
ほかにも、いろいろな機能やオプションも用意されているので、気になる方はぜひチェックしてみてください。
SmartPhoto.jsの日本語解説ページは、以下からどうぞ。
