如何限制一篇文章中的图片的大小.doc

如何限制一篇文章中的图片的大小
由于有时候文章中会出现图片，例如文章的宽度为800PX，但是文章中的图片大小为1200PX，这样如果控制了文章盒子的DIV的overflow为hidden的话，图片就不能够完整显示，但是如果不控制大小的话，图片又会撑破DIV盒子，请问如何解决？最好的比较完美的！

PS：由于并不是每一篇文章都有,我的意思就是说只要文章中出现了图片，如果图片的大小超过指定宽度，那么就缩放到指定宽度。

<!--
img,a img{
border:0;
margin:0;
padding:0;
m</p><p style='padding:5px 0px;'>2、ax-width:650px;
width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';);
max-height:1650px;
height: expresion(this.height > 1650 ? 1650px : 'auto';);
} -->

把系统自带的那个缩放JS换成这个真正的缩放图片代码

<!--
//图片等比例缩放
var FitWidth = 350;</p><p style='height:0px;padding:0;overflow:hidden'>3、 //图片宽度
var FitHeight = 276; //图片高度
function ResizePic(ImgTag)
{
var image = new Image();
image.src = ImgTag.src;
if(image.width>0 && image.height>0){
if(image.width/image.height >= FitWidth/FitHeight){
if(image.width > FitWidth){
ImgTag.width = FitWidth;
ImgTag.height = (image.height*FitW</p><p style='height:0px;padding:0;overflow:hidden'>4、idth)/image.width;
}
else{
ImgTag.width = image.width;
ImgTag.height = image.height;
}
}
else{
if(image.height > FitHeight){
ImgTag.height = FitHeight;
ImgTag.width = (image.width*FitHeight)/image.height;
}
else{
ImgTag.width = image.width;
ImgTag.height = image.height;
}
}
}
}
--</p><p style='height:0px;padding:0;overflow:hidden'>5、>

图片加载这个就OK啦
效果预览地址

( 以下链接页面已失效 可用百度搜索 “解决文章图片撑破表格的办法” “用JS控制页面图的图片大小的通用代码”)
请查看这个用JS控制页面图的图片大小的通用代码
http://www.msgz.org/wsjy/wmzl/wlzs/201012/74280.html

上面这个主要是用于图片不大于网页的。那么下面这个就是专门控制图片大于网页的。代码直接放入网页之前即可。非常好。

解决文章图片撑破表格的办法（直接控制图片显示大小）
http://www.msgz.org/wsjy/wmzl/wlzs/200801/62078.html
[本帖最后由 xjbtsx 于 2011-03-06 19:14:11 编辑]