图片不超过外边框最大宽度js代码

上传一篇带图片的文章，没有设定图片的大小，结果图片撑大了外边框！这是一个很常见的问题？如果您是一个懂得Html的人肯定知道是什么原因，但是我们面对的客户群体不一样，他们可能对电脑似懂非懂，只是会些常用的操作。这时他问你这是什么问题？你说了半天可能他一点也没听懂，白白的浪费自己的时间；不如自己花心思写个脚本干掉这种不是问题的问题？

代码功能：设置一个图片的最大宽度，当图片宽度大于最大宽度时，将图片宽度设定为最大宽度，按比例缩小图片的高度！

JavaScript代码
  1. function suitImg(id, maxWidth) {   
  2.     var i = new Image();   
  3.     i.src = id.src;   
  4.     if (id.width > maxWidth) {   
  5.         id.height = id.height*maxWidth/id.width;   
  6.         id.width = maxWidth;   
  7.     }   
  8. }  
使用方法
  1. <div style="width:100px;">  
  2.     <img src="/phplamp.org.gif" onload="suitImg(this, 100)" />  
  3. </div>  
版块:javascript笔记 Tags: 时间:2008-08-23
文章评论
4 回复 for "图片不超过外边框最大宽度js代码"
blankyao - 2008-08-27
如果html标签中没有定义它的width和height，这种方法还能获得到么？
admin - 2008-08-27
只要您将此图片要显示的最大宽度传递给suitImg就行了！
最新电影 - 2008-09-30
用ccs也行吧
dx_andy - 2008-10-07
CSS只能定义图片的宽度与高度，那样的话图片如果太大会显示不全。
评论表单