html如何写,在统一大小的区域显示不同图片,并且显示的图片按原图比例显示

来源:百度知道 编辑:UC知道 时间:2024/05/04 03:57:27

假如你需要把所有的图片显示在140*226的区间里面,那么就使用下面这样的代码(代码在我的网站正常使用,没有问题):

<img src=2009/04/1232336585-19.jpg onload='if (this.width>140 || this.height>226) if (this.width/this.height>140/226) this.width=140; else this.height=226;'>

原理:
用JS在加载图片后判断图片是否突破规定的高和宽,如果超过再根据图片的宽高比例进行调整。特别说明,JS代码只限制图片的高或者宽时,宽或者高会按照比例进行相应调整。

<div style="width:320px;height:320px;overflow:auto;">
<img src="xxx.gif">
</div>