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

本文介绍了一个使用JavaScript实现的图片自动调整大小的函数,该函数可以根据图片的实际大小和预设的最大尺寸来动态调整图片的宽度和高度,确保图片在不同设备上都能清晰展示,同时保持其原始比例。

<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)">

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值