推荐改用glightbox或手写轻量Lightbox:lightbox2因依赖jQuery、不支持现代路径和动态DOM而失效;glightbox纯JS、支持WebP/触摸拖拽;手写方案仅需10行JS,用dataset.src避免重复加载。

Lightbox 库本身已停止维护,现代项目中直接引入 lightbox2 或类似旧版库容易触发 CORS、不支持 WebP/AVIF、点击无响应等问题。推荐改用轻量、主动维护的替代方案,比如 glightbox 或原生 CSS + JS 实现最小可用弹窗。
为什么 lightbox2 在现代页面里大概率失效
旧版 lightbox2 依赖 jQuery 1.x,而多数新项目已弃用 jQuery;它默认用 img.src 直接加载大图,若图片路径是相对路径(如 ./uploads/photo.jpg),在 SPA 路由下会 404;它不监听动态插入的 DOM,document.querySelectorAll('a[rel="lightbox"]') 在 React/Vue 渲染后根本抓不到元素。
常见错误现象包括:Uncaught TypeError: $ is not a function、点击后空白弹层、控制台报 Failed to load resource: the server responded with a status of 404。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
用 glightbox 替代:三步接入(无 jQuery)
glightbox 是纯 JS 实现、支持触摸拖拽、自动适配 WebP、提供 API 控制开关,且体积仅 ~25KB(gzip 后)。它不要求特定 HTML 结构,但需确保链接指向真实大图地址。
立即学习“前端免费学习笔记(深入)”;
- 通过 CDN 引入(放在


















