<script language="javascript">  
var flag=false;   
function MyImage(Img){   
var image=new Image();   
image.src=Img.src;   
width=236;//预先设置的所期望的宽的值  
height=170;//预先设置的所期望的高的值  
if(image.width>width||image.height>height){//现有图片只有宽或高超了预设值就进行js控制  
w=image.width/width;  
h=image.height/height;  
if(w>h){//比值比较大==>宽比高大  
//定下宽度为width的宽度  
Img.width=width;  
//以下为计算高度  
Img.height=image.height/w;  
  
}else{//高比宽大  
//定下宽度为height高度  
Img.height=height;  
//以下为计算高度  
Img.width=image.width/h;  
 }  
}  
}   
</script>  

图片加上onload='javascript:MyImage(this);'代码即可

 
<img src="images/img.jpg" onload='javascript:MyImage(this);'  border="0"/>