我們在網頁布局時不得不考慮一個問題,就是當文章頁帶有圖片,并且尺寸超過我們預設大小時會把我們的整個布局都打亂。下面就教大家怎么防止吧。
首選在包含圖片的層里加個類,然后加個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>