§ ITPOW >> 文档 >> CSS

IE 中实现 max-width 解决文章中大图片撑大布局的问题-法二

作者:vkvi 来源:ITPOW(原创) 日期:2010-2-25

本法就是我们常说的 JavaScript 方法,和法一相比,它的优点是不会对图像大小进行误判。

以下代码通过指定一个元素 id 和最大宽度,它就会自动将该元素下面超过最大宽度的图像缩小到最大宽度。

// 用 JS 设置图片的最大宽度
function setImgsMaxWidth(containerId, maxWidth)
{
    var container = document.getElementById(containerId);
    if (!container)
    {
        return;
    }
   
    var imgs = container.getElementsByTagName("img");
    for (var i = 0; i < imgs.length; i++)
    {
        if (imgs[i].width > maxWidth)
        {
            imgs[i].width = maxWidth;
        }
    }
}
 
if (window.attachEvent)
{
    window.attachEvent("onload", function(){
        setImgsMaxWidth("docContent", 600);
    });
}

相关文章