怎样限制图片只在特定范围内显示
图片放在DIV或是表格中，很多图片，几行几列排列，分辨率尺寸各不相同

需要的效果是如果图片在200x150范围内，正常显示，超过这个尺寸，最高以200x150缩小显示，但是图片不能变形

<img src="Main.gif" onload="javascript:if(this.width>200)this.width=200"> 

这个只能限制宽度，而且如果图片本身高度很矮或是很高的话，几排图片排的层次不齐，很难看

不知道怎么实现

找到的几个JS代码也不合适

谢谢！！！！！！！

------解决方案--------------------
<img src="Main.gif" onload="javascript:if(this.width>200)if((this.height/this.width)>(150/200))this.height=150;else this.width=200;">
------解决方案--------------------
如果数据时固定的话，那建议用同样大小的小图片做列表，点击小图片弹出大图片显示。

这样做比较整齐，而且有lightbox之类的插件用，很方便的。
------解决方案--------------------

探讨

引用:<img src="Main.gif" onload="javascript:if(this.width>200)if((this.height/this.width)>(150/200))this.height=150;else this.width=200;">

这个不行丫，图片还是全部拉成200x150了

------解决方案--------------------

HTML code

你图片比例不一
而显示的时候指定200*150 肯定是会变形的
我觉得只能是设定显示图片的div的大小（250*150）
然后只指定图片的宽度或高度 超出div范围的overflow:hidden;
或者用css的clip:rect(0 20 50 10);(数值自己变更)来设置剪切范围