最近用了 photoswipe 插件做手机端的照片浏览.
但是发现在android 下有两个问题:
- 浏览图片的时候 会有一个黑框挡住图片
- 关闭浏览时候会贯穿点击到 关闭按钮下的图片.造成无法关闭.(这是算是安卓浏览器的一个通病吧)
经过一天的努力总于解决掉了这两个问题.
问题一解决办法:
在photoswipe.css中将div.ps-uilayer的样式的背景注释掉
/* UILayer */
div.ps-uilayer {
/* background: #fff; */
cursor: pointer;
}
问题二解决办法:
在code.photoswipe.jquery-3.0.5.1.js中的hide: function() 方法中添加下面的代码
var doms=$("div.gallery a");
doms.css("pointer-events","none");
window.setTimeout(function(){
doms.css("pointer-events","auto");
},500);
目的是为了在关闭浏览时将图片的连接改变为不可点击,延时500毫秒后再恢复状态.