海口秀英隆智慧網絡科技工作室
咨詢熱線：400-822-8458 客戶服務：0898-32183600

用JS自(zì)動生成等比例縮略圖

發表于：2011-07-19 00:00:00來源：SOUAB.COM人氣：3756

代碼示例：

XML/HTML代碼
  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  4. <title>用JS自(zì)動生成等比例縮略圖</title>  
  5. <script language="javascript">  
  6. function Wa_SetImgAutoSize()    
  7. {    
  8. var img=document.all.img1;//獲取圖片   
  9. var MaxWidth=300;//設置圖片寬度界限   
  10. var MaxHeight=100;//設置圖片高(gāo)度界限   
  11. var HeightWidth=img.offsetHeight/img.offsetWidth;//設置高(gāo)寬比   
  12. var WidthHeight=img.offsetWidth/img.offsetHeight;//設置寬高(gāo)比   
  13. if(img.readyState!="complete")return false;//确保圖片完全加載    
  14. if(img.offsetWidth>MaxWidth){   
  15.    img.width=MaxWidth;   
  16.    img.height=MaxWidth*HeightWidth;   
  17. }   
  18. if(img.offsetHeight>MaxHeight){   
  19.    img.height=MaxHeight;   
  20.    img.width=MaxHeight*WidthHeight;   
  21. }   
  22. }    
  23. </script>  
  24. </head>  
  25. <body>  
  26. <img src="圖片地(dì)址" border=0 id="img1" onload="Wa_SetImgAutoSize();"/>  
  27. </body>  
  28. </html>  

 

文章(zhāng)整理(lǐ)： 世紀雲圖  /

以上信息與文章(zhāng)正文是不可(kě)分割的(de)一(yī)部分,如(rú)果您要轉載本文章(zhāng),請保留以上信息，謝謝!

版權申明：本站文章(zhāng)部份來自(zì)網絡，如(rú)有侵權，請聯系我們，我們收到後立即删除，謝謝！

特别注意：本站部份轉載文章(zhāng)言論不代表本站觀點，本站所提供的(de)攝影照片，插畫，設計作品，如(rú)需使用，請與原作者聯系，版權歸原作者所有。

微信
網站建設
軟件業務
網絡營銷
400電話