PhotoSwipe.js|支持移动手机的纯js图片画廊插件
PhotoSwipe是在移动设置和触摸设备上使用的照片浏览插件，基于Javascript、CSS、HTML代码，功能是以左右滑动的效果浏览每张图片。 PhotoSwipe插件是一个标准的Javascript代码库，因此，它很容易被集成到移动网站项目中。 目前，它兼容多个流行的移动设备浏览器和Javascript代码库，常用于图片集的单张浏览器。 PhotoSwipe.js是一款适合于移动手机和桌面设备使用的模块化JavaScript图片画廊插件。 该图片画廊在Lightbox状态下支持手指滑动，键盘导航，全屏模式等，并且它兼容IE8以上的所有现代浏览器，是一款非常好的图片画廊插件。 本插件分享如何使用图片滑动浏览插件PhotoSwipe实现移动设备上的图片浏览功能。
工具/原料
1
笔记本电脑或是台式机
2
互联网
3
PhotoSwipe插件
方法/步骤
1
使用该该图片画廊插件需要引入photoswipe.css和默认主题文件default-skin.css，以及相应的js文件photoswipe.min.js和photoswipe-ui-default.min.js文件。
2
该图片画廊最基本HTML结构如下：
注意：代码中的pswp__bg、pswp__scroll-wrap、pswp__container和pswp__item的顺序不可以改变。3
要初始化该图片画廊插件，需要实例化PhotoSwipe构造函数，它接收4个参数：.pswp：在上面的HTML中添加的.pswp元素。PhotoSwipe UI class，如果你使用了默认的photoswipe-ui-default.js，那么class将是PhotoSwipeUI_Default，也可以设置为false。slides对象数组。可选参数。
4
可选参数如下图所示：
5PhotoSwipe.js|支持移动手机的纯js图片画廊插件 
This is dummy caption. 
It's a dummy caption. He who searches for meaning here will be sorely disappointed. 
Dummy caption. It's Greek to you. Unless, of course, you're Greek, in which case, it really makes no sense. 
This is dummy caption. It is not meant to be read. 
This is dummy caption. It has been placed here solely to demonstrate the look and feel of finished, typeset text.
HTML完整代码如下所示：
6
本插件运行效果如下图所示：
7
浏览器兼容性如下图所示：
注意事项
本插件最好在手机上查看效果