最近用了 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毫秒後再恢復狀態.