ライトボックス

Lightbox

サムネイル画像のクリックをきっかけに、暗転した背景の上に画像を拡大表示するオーバーレイUI。

○ 使う場面

ライトボックス、画像拡大表示、フォトビューア

「ライトボックス」は、写真フィルムやポジ（スライド）を下から光で照らして見る、写真現像・編集の現場で使われてきた透過式の照明器具に由来するとされる。暗い背景の上に画像だけを浮かび上がらせて見せるUIの見た目が、この道具の使い方になぞらえられている。

近縁種	違い・使い分け
モーダル	モーダルとは背面を暗転させた前面オーバーレイという構造が共通するが、モーダルがフォーム入力など任意のコンテンツを載せる汎用の場であるのに対し、ライトボックスは画像・動画の拡大表示に用途を絞り、←→キーでの前後送りや現在の枚数表示といった画像ビューア特有の操作を備える。
カルーセル	カルーセルとは複数の画像・コンテンツを順に切り替える点が似ているが、カルーセルはページ内にインラインで常時表示され自動再生もあり得るのに対し、ライトボックスはサムネイルのクリックをきっかけに暗転オーバーレイとして開き、閲覧が終われば閉じて元の一覧に戻る一時的な表示である。

近縁種

違い・使い分け

モーダルとは背面を暗転させた前面オーバーレイという構造が共通するが、モーダルがフォーム入力など任意のコンテンツを載せる汎用の場であるのに対し、ライトボックスは画像・動画の拡大表示に用途を絞り、←→キーでの前後送りや現在の枚数表示といった画像ビューア特有の操作を備える。

カルーセルとは複数の画像・コンテンツを順に切り替える点が似ているが、カルーセルはページ内にインラインで常時表示され自動再生もあり得るのに対し、ライトボックスはサムネイルのクリックをきっかけに暗転オーバーレイとして開き、閲覧が終われば閉じて元の一覧に戻る一時的な表示である。