GZGame 发表于 2013-7-23 14:21:10

[转帖]图片自动按比例缩小代码（防止页面被图片撑破）


<div id="article">
<p><font face="Verdana">&lt;script type="text/javascript" &gt;</font></p>
<p><font face="Verdana">//缩放图片到合适大小<br/>function ResizeImages()<br/>{<br/>&nbsp;&nbsp; var myimg,oldwidth,oldheight;<br/>&nbsp;&nbsp; var maxwidth=550;<br/>&nbsp;&nbsp; var maxheight=880;<br/>&nbsp;&nbsp; var imgs = document.getElementById('article').getElementsByTagName('img');&nbsp;&nbsp; //如果你定义的id不是article，请修改此处</font></p>
<p><font face="Verdana">&nbsp;&nbsp; for(i=0;i&lt;imgs.length;i++){<br/>&nbsp;&nbsp;&nbsp;&nbsp; myimg = imgs;</font></p>
<p><font face="Verdana">&nbsp;&nbsp;&nbsp;&nbsp; if(myimg.width &gt; myimg.height)<br/>&nbsp;&nbsp;&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(myimg.width &gt; maxwidth)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; oldwidth = myimg.width;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myimg.height = myimg.height * (maxwidth/oldwidth);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myimg.width = maxwidth;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp; }else{<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(myimg.height &gt; maxheight)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; oldheight = myimg.height;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myimg.width = myimg.width * (maxheight/oldheight);<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myimg.height = maxheight;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp; }<br/>}<br/>//缩放图片到合适大小<br/>ResizeImages();<br/>&lt;/script&gt;<br/></font></p></div>
[此贴子已经被作者于2013-7-23 14:22:41编辑过]
页: [1]
查看完整版本: [转帖]图片自动按比例缩小代码（防止页面被图片撑破）