图片尺寸智能缩小两法
网页作坊
经常泡论坛的网友一定见过论坛里各位会员贴的图片有大有小，小图片按正常比例显示，而过大的图片则被适当地缩小了，这对于做网页的朋友而言，绝对是个不小的帮助。以往由于图片尺寸大小的不确定性，经常会造成页面被撑大的情况，用论坛贴图的方法就彻底保证了网页版面的整洁。
方法一：其实这里面的原理很简单，只不过用JavaSscript来判断图片的宽度是否大于某个事先规定好的尺寸，是则缩小显示，否则正常显示。示范代码如下：<img src="xxx.jpg" onload="if(this.width>500) this.width=500"> //如果xxx.jpg这张图片的宽度大于500px，则让它的宽度强制设定为500px。
方法二：以上方法需要为每张图片添加代码，但图片多了，效率会明显降低。现在我们要批量化地判断并决定是否改变图片尺寸大小。
1.用记事本或其它文本编辑软件新建一个文件, 写入如下代码后保存为resize_img.htc。
<script language="JavaScript">
var img=new Image();
img.src=element.src;
element.width=img.width>500?img.width=500:img.width;
</script>
2.新建一个网页文件，代码如下：
<html>
<style type="text/css">
.fixImg {behavior:url(resize_img.htc)} //在本例中resize_img.htc与网页文件放在同一文档下，如不在同一文档请自行修改url后的路径地址。
</style>
<img src="test1.jpg" class="fixImg">
<img src="test2.jpg" class="fixImg">
<img src="test3.jpg" class="fixImg">
</html>
粗看代码虽然有点繁琐，但是图片越多却越能体现出它的优势，将两种办法对比一下，概括来说，页面内图片较少适合采用第1种方法，图片较多适合采用第2种办法，碰到实际情况时各位酌情选择吧。