有关图片随表格自动缩放的实现

做重庆宝贝这个项目,用到大量的图片,沿用了原来的思维,强行将图片处理为了一个默认的宽度和高度,而不同的人上传的图片尺寸肯定会不一样,导致了很多图片变形,惨不忍睹,多方查找资料,终于找到一个简单的方法实现了,用javascript,具体思路及代码如下;

<mce:script type="text/javascript"><!-- function setPicSize(pic,height,width) { if(pic.width/pic.height>=width/height&&pic.width>width) { pic.height*=width/pic.width; pic.width=width; } else if(pic.width/pic.height<width/height&&pic.height>height) { pic.width*=height/pic.height; pic.height=height; } } // --></mce:script>

 

javascript函数传入参数:pic(图片id),height(表格/div高度),width(表格/div宽度),调用方法: onload="setPicSize(this,117,108)" ,其思路是在图片加载时设置图片显示宽高随上级框架缩放

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>