css控制图片按比例缩小

IE6实现方法:
HTML部分:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>

JS部分:
<mce:scripttype="text/javascript"><!--

functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// --></mce:script>

非IE6实现方法:
HTML部分:
<img src="image/test1.jpg" mce_src="image/test1.jpg" class="thumbImage"/>
CSS部分:
.thumbImage {
max-width: 150px;
max-height: 50px;
}
* html .thumbImage {
width: expression(this.width > 150 && this.width > this.height ? 150 : true);
height: expresion(this.height > 50 ? 50 : true);
}
非IE6通过CSS中的max-width,及max-height属性来限制图片的最大宽度及最大高度。