手机图片预览photoswipe，支持pc图片预览，多用于android，ios的手机图片预览。
资源包：http://download.csdn.net/detail/snow_finland/8152787
在photoswipe官网有1.0.11的包下载，但是1.0.11这个版本，存在缺陷，在部分android手机上，滑动一次的时候，会跳转2张图片
（正常情况下，滑动一次，跳转1张图片）
通常使用方法如下：
在html的head标签中依次加载资源包中如下文件：
html部分图片的格式如下：
js部分调用该插件可以demo中提到的
(function(window, PhotoSwipe){
document.addEventListener('DOMContentLoaded', function(){
var
options = {},
instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
}, false);
}(window, window.Code.PhotoSwipe));也可以使用：
$("#Gallery a").photoSwipe();如果html部分，需要有特殊格式，则可以通过以下方式调用：
1、声明全局变量：
var photoswipe_instance = 0;
2、对于需要需要进入预览的元素绑定点按事件，内容如下：
arr_images.push({
url: XXX
});
var PhotoSwipe = window.Code.PhotoSwipe;
var instance = PhotoSwipe.attach(arr_images, '', photoswipe_instance);
photoswipe_instance++;
instance.show(show_current);3、找到PhotoSwipe.Cache.CacheClass中
initialize: function(images, options){
var i, j, cacheImage, image, src, caption, metaData;
this.settings = options;
this.images = [];
for (i=0, j=images.length; i另外，插件原来有个地方有问题，需要做如下修改：
找到PhotoSwipe.DocumentOverlay.DocumentOverlayClass（这里背景浮层的定位和高度原先有问题）
resetPosition: function(){
var width, height, top;
if (this.settings.target === window){
width = Util.DOM.windowWidth();
// height = Util.DOM.bodyOuterHeight() * 2; // This covers extra height added by photoswipe//旧的代码--改动之处
height = Util.DOM.bodyOuterHeight(); //新的代码--改动之处
// top = (this.settings.jQueryMobile) ? Util.DOM.windowScrollTop() + 'px' : '0px';//旧的代码--改动之处
top = Util.DOM.windowScrollTop() + 'px';//新的代码--改动之处
if (height < 1){
height = this.initialBodyHeight;
}
if (Util.DOM.windowHeight() > height){
height = Util.DOM.windowHeight();
}
}
else{
width = Util.DOM.width(this.settings.target);
height = Util.DOM.height(this.settings.target);
top = '0px';
}
Util.DOM.setStyle(this.el, {
width: width,
height: height,
top: top
});
},版权声明：本文为博主原创文章，未经博主允许不得转载。