ライトボックス
Lightbox
別名: 画像オーバーレイ / Image Overlay
ライブデモ
説明
一言で説明
画像をクリックすると、暗い背景の上に拡大表示するUI パターン。前後の画像に移動できる。
いつ使う？
画像を大きく見せたいとき。ギャラリーの中の画像をクリックした際の拡大表示に。
💡 日常の言い方
「画像をクリックすると画面が暗くなって大きく表示されるやつ」
似ている用語との違い
ライトボックス vs モーダル
モーダルは汎用的なオーバーレイウィンドウ。ライトボックスは画像閲覧に特化したモーダル。
AIへの指示例
ギャラリーの画像をクリックしたらライトボックスで表示して。左右の矢印で前後の画像に移動可能にして。ESCキーと背景クリックで閉じるようにして。