✏️ AI 术语图鉴

图片灯箱 · Lightbox

英文:Lightbox

常用组件难度:入门 ★

🗣️一句话大白话

点击缩略图后在遮罩层上放大显示原图,支持关闭、切换和标题。点击缩略图后,在遮罩层上放大显示原图,并支持关闭、切换和查看标题。

🎬真实场景

摄影、AI 作品、插画、项目截图、视觉作品集

📮你可以这样说

「为 Punk 的 AI Gallery 添加 Lightbox, 点击缩略图后全屏显示原图,支持左右切换、Esc 关闭和图片标题,打开后锁定背景滚动; 缩略图使用 button 或 link 触发,所有图片提供准确的 alt 文本。」

通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。

⚠️边界与常见误解

  • ▸误解:Lightbox 只是放大图。实际要支持切换、标题、Esc 关闭和背景滚动锁定

🚫什么时候别用

  • ✗单张图无需切换时(直接大图)

🧩常见变体

画廊灯箱单图预览

🕸️知识关系图

这个词条与相关术语、AI绘图 知识的连接关系

相关术语相关术语相关术语
轮播图
Carousel
瀑布流
Masonry Layout
弹窗
modal
图片灯箱
Lightbox

🔗相关术语