我也来说说图片自适应大小问题

头记：
这两个月忙得我头都晕，到了今天才基本上做好了这个项目。
其中遇到了些图片大小在页面上显示的问题！

实现：
在新闻内容，相册等中,编辑或者用户上传的内容中图片没有规定大小,在页面上显示就要需要我们加上程序去让图片适应页面的大小。这样太大的图片才不把页面撑得太大，影响页面的显示，造成混乱。相信大家也遇过这样的问题。

解决方法：
首先和网上大部份的解决方案一样。使用了css2 ,让width大于520的图片width=520. 小于的就用回自身图片的大小

<style type="text/css">
<!--
#cont img {
max-width:520px;
width:expression(this.offsetWidth>520?"520px":this.width);
overflow:hidden;
}

-->
</style>

在图片显示的地方
<div id="cont">
<img src="图片地址" alt=""/>
</div>

出现问题：页面显示时有时图片就变得很小，看不清。再刷新一下页面，就ok啦.因为css的功能不是所有的浏览器都可以正常使用。IE6。0和其以下也时不支持.这样用户看到的图片很不稳定。
后来我改成

<img onload="if(this.width>520){this.resized=true;this.width=520;}" src="图片地址" alt=""/>"

图片显示还是不正常，大的图片有时已经onload完，但是没有执行那段javascript代码，仍然按图片本来大小显示出来，撑大了页面，看起来好混乱。
原来原因是onload图片时，页面不能正常获取图片的width,此时this.width=0。所以改成

<img onload="if(this.width>520

||this.width<=0){this.resized=true;this.width=520;}" src="图片地址" alt=""/>"

之后就正常了