您的位置:首页 > 理论基础 > 计算机网络

图片等比例缩放个人最优化版(IE6,IE7,FF),来自网络

2010-07-05 09:45 363 查看
<script language="javascript" type="text/javascript">
<!--
function ImgAuto(i){//你必须给图片提前设定初始宽度和高度,建议直接就是最大宽度和高度
var MaxW=250; //定义图片显示的最大宽度
var MaxH=250; //定义图片显示的最大高度
var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}
if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}
}
-->
</script>
<img src="http://bbs.tnbz.com/attachments/forumid_42/XP_IuSTD0jh5sSb.jpg" width="250" height="250" onload="ImgAuto(this)">


更新版本,直接写入ImgAuto(this,250,250),给图片设定好宽度和高度,这样此时的宽度和高度就变成了最大宽度和高度了。更省心了

<script language="javascript" type="text/javascript">
<!--
function ImgAuto(i,MaxW,MaxH){var o=new Image();o.src=i.src;var w=o.width;var h=o.height;var t;if (w>MaxW){t=MaxW;}else{t=w;}if ((h*t/w)>MaxH){i.height=MaxH;i.width=MaxH/h*w;}else{i.width=t;i.height=t/w*h;}}
-->
</script>
<img src="http://bbs.tnbz.com/attachments/forumid_42/XP_IuSTD0jh5sSb.jpg" width="250" height="250" onload="ImgAuto(this,250,250)">
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: