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

dpn525

于 2011-09-19 15:37:29 发布

阅读量172

点赞数

CC 4.0 BY-SA版权

分类专栏： web页面

本文链接：https://blog.youkuaiyun.com/dpn525/article/details/84019521

web页面专栏收录该内容

18 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//限制产品内容图片大小，自动缩放
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";} 
}
}