js怎么控制图片的分辨率适应电脑分辨率

来源：互联网 2023-02-20 17:08:20 版权归原作者所有，如有侵权，请联系我们

下面小编就为大家带来一篇JS限定手机版中图片大小随分辨率自动调整的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

方法/步骤

让包裹图片的盒子绝对定位，- left:50%,- Margin-left：图片宽度的一半

js怎么控制图片的分辨率适应电脑分辨率

script type="text/javascript">

var ObjImg = jQuery(".Dy_Content img");

for (var i = 0; i ObjImg.length; i ) {

js怎么控制图片的分辨率适应电脑分辨率

loadImage(ObjImg.eq(i));

}

function loadImage(Obj) {

var b_width = 320;

var img = new Image();

js怎么控制图片的分辨率适应电脑分辨率

img.src = jQuery(Obj).attr("src");

if (img.complete) {

var i_width = img.width;

var i_height = img.height;

if (i_width > b_width) {

js怎么控制图片的分辨率适应电脑分辨率

var bx = b_width / i_width;

jQuery(Obj).width(b_width);

jQuery(Obj).height((bx * i_height).toFixed(0));

}

return;

}

js怎么控制图片的分辨率适应电脑分辨率

img.onload = function () {

var i_width = this.width;

var i_height = this.height;

if (i_width > b_width) {

var bx = b_width / i_width;

js怎么控制图片的分辨率适应电脑分辨率

jQuery(Obj).width(b_width);

jQuery(Obj).height((bx * i_height).toFixed(0));

}

};

/script>

js怎么控制图片的分辨率适应电脑分辨率

7相关内容非法爬取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！