欢迎来到元素模板www.ys720.com,本站提供专业的织梦模板网站模板ASPCMS模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

关于photoswipe.js的展示时图片自适应问题

(元素模板) / 2020-12-25 19:54
用过photoswipe做移动端图片预览的小伙伴都知道,这个插件存在一个data-size,必须要填写,但是如果你的图片尺寸比例不是固定的,那这个属性就会带来无尽的烦恼,我个人在使用jQuery时,发现一种解决办法

window.onload=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);
})
};

希望对你有所帮助


Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com