Lightbox
出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2020/04/11 05:39 UTC 版)
ナビゲーションに移動 検索に移動ライセンス | Creative Commons Attribution 2.5 License |
---|---|
公式サイト | http://www.lokeshdhakar.com/projects/lightbox2/ |
概説
Lightboxが利用出来るようにされたページでは、ユーザは、Lightboxの窓でサムネイルを拡大したい時にイメージをクリックできる。(イメージのサイズに応じて、窓は、アニメーションを使用することでそれ自体をリサイズする)。 Lightboxは、どのイメージがXHTMLの"rel"属性を通してLightboxの窓に示されるかを決定する。<a>要素で<img>要素を囲うことで使用できる。 また、Lightboxは見出しをイメージに添付して、矢印キーを使用することでスライドショーが出来る方法を提供する。
機能性
Lightboxはユーザが現在のページからの移動が必要なく、イメージのより大きいサイズを見ることができ、また、簡単なスライドショーを表示できる。 また、暗い背景の使用は、見られるイメージを強調するのに役立つ(暗い背景はイメージをかぶせてあるページを薄暗くする)。
jQueryやPrototype.jsなどのJSライブラリが利用できない場合、Lightboxは標準のリンクタグを通して動作する。 したがって、単にJavaScriptをサポートしないブラウザが、別々のファイルとしてイメージをロードするので、Lightboxの効果を失うが、フルサイズの画像を表示することは可能。
- 1 Lightboxとは
- 2 Lightboxの概要
- Lightboxのページへのリンク