图片过大，撑破内容内的表格最简单解决方法！ （图片自动缩放大小）

在内容模版</body>前加上下面代码
<script language=JavaScript>
function autoResizepic()
{
var picTarget=document.getElementById("text").getElementsByTagName("img");
if(picTarget){
for(var i=0;i<picTarget.length;i++)
{
if(picTarget[i].width>560){picTarget[i].height=picTarget[i].height*560/picTarget[i].width;picTarget

[i].width=560;}
if(parseInt(picTarget[i].style.width)>560){picTarget[i].style.height=parseInt(picTarget[i].style.height)

*560/parseInt(picTarget[i].style.width);picTarget[i].style.width=560+"px";}
}
}
}
window.onload=function(){
autoResizepic();
}
</script>

红字“text”  就是id，作用域，就是对那个id（区域）有效，560 是最大宽度

优点：
1。灵活控制要自动缩放图片的区域
2。无论是单图或者图集都有效

缺点：
因为原图开始要加载的，那时可能瞬间会撑破表格，不过马上就可以恢复正常，基本可以忽略。


为了方便大家，顺便做了个js，把他放到 d/js/pic/下，到时通过下面语句调用就可以了！
<script language="javascript" src="[!--news.url--]d/js/pic/autoResizepic.js"></script>

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 自动缩放自动缩放
相关日志: