用過photoswipe做移動端圖片預(yù)覽的小伙伴都知道，這個插件存在一個data-size，必須要填寫，但是如果你的圖片尺寸比例不是固定的，那這個屬性就會帶來無盡的煩惱，我個人在使用jQuery時，發(fā)現(xiàn)一種解決辦法

window.οnlοad=function(){
auto_data_size();
};
function auto_data_size(){
var imgss= $("figure img");
$("figure img").each(function() {
var imgs = new Image();
imgs.src=$(this).attr("src");
var w = imgs.width,
h =imgs.height;
$(this).parent("a").attr("data-size","").attr("data-size",w+"x"+h);
})
};

希望對你有所幫助

轉(zhuǎn)載于:https://www.cnblogs.com/wjf9492/p/9257921.html

總結(jié)

以上是生活随笔為你收集整理的关于photoswiper展示时图片自适应的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。