摆内容
灯箱
Lightbox
「点图片放大」「图片点开变大」「看大图的弹层」「黑底看大图」「相册点开的效果」「全屏看照片」「点开占满屏的图」
LIVE DEMO真实可交互，动手试试
- 英文名
- Lightbox
- 别名 · 俗称
- 大图查看器图片放大弹层照片预览层html: <dialog>
- Web 叫法
- Lightbox / <dialog>
- 大白话定义
- 点缩略图后全屏黑底看大图的弹层，能左右翻页，点黑的地方就关掉。
- 部位拆解
- 大图视图 Stage居中放大的图片，黑底衬着
- 关闭按钮 Close右上角的 ×，点黑底也能关
- 翻页箭头 Arrows可选，切上一张、下一张
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
给相册缩略图加灯箱（Lightbox）：点击图片在 <dialog> 里全屏放大，左右箭头翻页，Esc 或点黑色背景关闭
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的灯箱（Lightbox）。逐一排除：打开灯箱时背景没锁滚动，滚轮带着后面的页面跑；大图没预加载，翻页瞬间闪空白；图片放大后超出视口，上下边缘被裁看不着；Esc 关闭后焦点没还给缩略图，键盘用户直接迷路。症状是：