移动端图片浏览插件

Getting Started | PhotoSwipe

. PhotoSwipe

• 特点：

  • 支持移动端手势缩放、滑动切换、双击放大等。

  • 支持多图切换。

  • 适配触摸屏，体验非常流畅。

• 体积：轻量

• 推荐版本：v5+（模块化、可定制性更强）

• 使用方式：

  • 原生 JavaScript，或通过 React、Vue 等集成。

2. Viewer.js

• 特点：

  • 支持点击放大、旋转、缩放、移动。

  • UI 简洁。

  • 支持多图浏览（通过 Viewer.group 实现）。

• 适合场景：需要更细致控制图像行为（旋转、拖动等）。

• 缺点：默认不支持滑动切换，需要手动配置 group 方式。

3. LightGallery

• 特点：

  • 移动端和桌面端兼容良好。

  • 支持缩放、滑动、多图切换。

  • 有插件机制（如视频、缩略图、全屏等）。

• 适合场景：需要完整图库功能，或想自定义交互和动画效果。

• 支持框架：原生 JS、React、Vue、Angular 等。

Spotlight

GitHub - nextapps-de/spotlight: The most easy to integrate lightbox image gallery library for the Web.