Javascriptで画像表示
画像表示形Javascriptライブラリはいっぱいありますが、用途によって使い分けないといけないですね。
スライドギャラリー
- 用途：概略として全体にどんなものがあるかを見せる。
- 使いどころ：取り扱いジャンル情報とか。
サムネイル付きの拡大表示ギャラリー
- 用途：全体と詳細を見せる。
- 使いどころ：商品情報とか。
- 注意点：サムネイルの最大数を考慮したレイアウトを作る必要あり。
ライトボックス
- 用途：1つ1つの詳細を見せる。
- 使いどころ：写真アルバム、建物の内装ビューとか。
- 注意点：画像を開いたときにユーザー操作が中断される。
今回は、商品検索系を作りたかったので、ライトボックスは探しませんでした。
商品情報画面でライトボックスが表示されるのは結構嫌な気持ちになることがあります。
さっさと探したいのに、いちいち画像開いたら「閉じる」をクリックして画像を閉じないと他の操作をさせてもらえないのでイラッときます。
ということで、今回はスライドギャラリー、サムネイル付きの拡大表示ギャラリーのみを探してみました。
以下、サンプルページのリンクです。
Macサイトのスライドギャラリー系
Macサイトのスライドギャラリー系
Macのサイトのスライドギャラリー系(ドキュメントがかわいい)
iTunes系MooTools
マックのアイコン選択系
マックのアイコン選択系
サムネイル付スライドギャラリー
サムネイル付スライドギャラリー
サムネイル付スライドギャラリー
サムネイル付スライドギャラリー(かなり作りこまれている)
シンプルスライド
シンプルスライド
手前に向かってスライド
円状にぐるぐるスライド
動画、音声もOK
上記にさらに追加できそうな効果系ライブラリ
画像シャドウ系
スライド専門系
遠近系
