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

Posted wjf9492

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于photoswiper展示时图片自适应的问题相关的知识,希望对你有一定的参考价值。

用过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展示时图片自适应的问题的主要内容,如果未能解决你的问题,请参考以下文章

Java给图片增加水印,根据图片大小自适应,右下角/斜角/平铺

Java给图片增加水印,根据图片大小自适应,右下角/斜角/平铺

Java给图片增加水印,根据图片大小自适应,右下角/斜角/平铺

关于微信小程序图片自适应的部分做法

flutter container image FittedBox

移动端图片放大滑动查看-插件photoswipe的使用