本法就是我们常说的 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);
});
}