lightgallery

lightGallery 是一个可定制、模块化、响应式的 JavaScript 灯箱画廊插件。它没有依赖项，并针对 React.js、Angular、Vue.js 和 TypeScript 提供分发版本，也可以直接在普通 HTML 页面中使用。 README 中描述的核心功能包括： - 完全响应式布局，并针对触摸设备进行优化，在桌面端支持鼠标拖拽。 - 模块化架构，内置缩放、缩略图、自动播放、评论、全屏、哈希/深度链接、分页器、旋转、分享、视频和中等缩放等插件。 - 双击或双触可查看图像的实际尺寸，并支持放大/缩小和双指缩放。 - 动画缩略图、社交分享，并支持 YouTube、Vimeo、Wistia 和 HTML5 视频。 - 超过 20 种硬件加速的 CSS3 过渡效果、动态模式、内联画廊和全屏支持。 - 向上/向下滑动或拖拽即可关闭画廊，支持浏览器历史 API 实现深度链接，以及响应式图像。 - 支持 HTML iframe、单页多个实例、键盘导航、SVG 图标和无障碍支持。 - 图像旋转和翻转、智能图像预加载和代码优化。 - 可通过 CSS/SCSS 和设置进行自定义。 安装方式包括 NPM、Yarn、Bower、CDN（jsdelivr、cdnjs、unpkg）以及从 GitHub 直接下载。样式可以以单独的 CSS 文件、合并的 lightgallery-bundle.css 或 SCSS 文件形式引入。该库支持 AMD、CommonJS 和 ES6 模块导入。 README 指出不需要特定的标记，任何标记都可以使用。可选的 data-lg-size 属性可以提供原始媒体尺寸，用于初始缩放动画。初始化时在容器元素上调用 lightGallery，并传入插件和设置，包括许可证密钥。 浏览器支持涵盖所有主流浏览器，包括 IE 10 及以上版本。许可采用双许可证：专有商业项目使用商业许可证，兼容许可证下的开源应用程序使用 GPLv3。可通过电子邮件和 Twitter 获得支持。