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

被折叠的 条评论
为什么被折叠?



