JS限制图片大小并自动缩放

最新推荐文章于 2024-03-09 18:15:26 发布

原创最新推荐文章于 2024-03-09 18:15:26 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

web页面专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个用于自动调整网页中图片尺寸的JavaScript函数。该函数能够确保图片宽度不超过设定的最大值，并按比例调整高度，保持图片原始宽高比不变。

//限制产品内容图片大小，自动缩放
function autoResizepic()
{
var picTarget=document.getElementById("fontzoom").getElementsByTagName("img");
if(picTarget){
if(picTarget[0].width>600){picTarget[0].height=picTarget[0].height*600/picTarget[0].width;picTarget[0].width=600;} 
if(parseInt(picTarget[0].style.width)>600){picTarget[0].style.height=parseInt(picTarget[0].style.height)*600/parseInt(picTarget[0].style.width);picTarget[0].style.width=600+"px";} 
}
}