码上问学问代码之理,学编程之道

案例 · 图片展示(v1 基础版)

用 CSS Grid 搭一个自适应图片网格,点击任意一张用纯原生 JS 灯箱放大预览,支持左右切换与 Esc 关闭。 当前用渐变占位图(零外部资源),日后把真实照片放进 cases/gallery/ 即可无缝替换。

这是 v1 基础版。后续可扩展:懒加载(loading="lazy")、点击放大查看 EXIF、与水印/分类筛选联动。先把 Grid 与灯箱跑通。