图片灯箱 · Lightbox
英文:Lightbox
常用组件难度:入门 ★
🗣️一句话大白话
点击缩略图后在遮罩层上放大显示原图,支持关闭、切换和标题。点击缩略图后,在遮罩层上放大显示原图,并支持关闭、切换和查看标题。
🎬真实场景
摄影、AI 作品、插画、项目截图、视觉作品集
📮你可以这样说
「为 Punk 的 AI Gallery 添加 Lightbox, 点击缩略图后全屏显示原图,支持左右切换、Esc 关闭和图片标题,打开后锁定背景滚动; 缩略图使用 button 或 link 触发,所有图片提供准确的 alt 文本。」
通过 AI绘图 工作台生成(模型 API 额度由此消耗);未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解:Lightbox 只是放大图。实际要支持切换、标题、Esc 关闭和背景滚动锁定
🚫什么时候别用
- ✗单张图无需切换时(直接大图)
🧩常见变体
画廊灯箱单图预览
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系