码迷,mamicode.com
首页 > 其他好文 > 详细

关于photoswiper展示时图片自适应的问题

时间:2018-07-03 15:07:31      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:swiper   load   wip   帮助   post   fun   figure   插件   图片   

用过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);
})
};

希望对你有所帮助

关于photoswiper展示时图片自适应的问题

标签:swiper   load   wip   帮助   post   fun   figure   插件   图片   

原文地址:https://www.cnblogs.com/wjf9492/p/9257921.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!