js控制图片宽高比例 js控制图片尺寸防止撑破页面布局

作者: gaohailin 分类: 网站技术 发布时间: 2010-11-20 02:00

js控制图片宽高比例 js控制图片尺寸防止撑破页面布局.防止过大图片撑破页面.
代码中的 650 表示最大宽度,根据自己情况适当修改;article_content 表示图片外层容器的Id,需要你修改为自己的.兼容各浏览器,最主要的是不跟其他js库冲突,放上去就能用.

<script type=”text/javascript”>
function ImgZoom(Id)
{
var w = Id.width;
var m = 650;
if(w < m)
{
return;
}
else
{
var h = Id.height;
Id.height = parseInt(h*m/w);
Id.width = m;
}
}
void function(){
var Imgs = document.getElementById(“article_content”).getElementsByTagName(“img”);
for(i=0;i<Imgs.length;i++)
{
ImgZoom(Imgs[i]);
}
}();
</script>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

邮箱地址不会被公开。 必填项已用*标注