重新设置图片大小 防止撑破表格

发表于2011-10-08 16:23:46来源于创想网页设计工作室

次点击[大] [中] [小] [打印] [关闭窗口] [评论]

我们在网页布局时不得不考虑一个问题，就是当文章页带有图片，并且尺寸超过我们预设大小时会把我们的整个布局都打乱。下面就教大家怎么防止吧。

首选在包含图片的层里加个类，然后加个JS控制就可以了。

代码如下：

<div id="content">这里是包含图片内容的</div>
<script type="text/javascript">
function ImgZoom(Id)//重新设置图片大小 防止撑破表格
{
var w = $(Id).width;
var m = 550;
if(w < m)
{
return;
}
else
{
var h = $(Id).height;
$(Id).height = parseInt(h*m/w);
$(Id).width = m;
}
}
window.onload = function()
{
var Imgs = $("content").getElementsByTagName("img");
var i=0;
for(;i<Imgs.length;i++)
{
ImgZoom(Imgs[i]);
}
}
</script>

相关热词搜索：图片大小网页布局

上一篇：超级经典一套鼠标控制左右滚动图片带自动翻滚

下一篇：显示英文时间的代码