海南(nán)世紀雲圖網絡科技有限公司
咨詢熱線:400-822-8458 客戶服務:0898-32183600

用JS自動生(shēng)成等比例縮略圖

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

代碼示例:

XML/HTML代碼
  1. <html>  
  2. <head>  
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  4. <title>用JS自動生(shēng)成等比例縮略圖</title>  
  5. <script language="javascript">  
  6. function Wa_SetImgAutoSize()    
  7. {    
  8. var img=document.all.img1;//獲取圖片   
  9. var MaxWidth=300;//設置圖片寬度界限   
  10. var MaxHeight=100;//設置圖片高度界限   
  11. var HeightWidth=img.offsetHeight/img.offsetWidth;//設置高寬比   
  12. var WidthHeight=img.offsetWidth/img.offsetHeight;//設置寬高比   
  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="圖片地址" border=0 id="img1" onload="Wa_SetImgAutoSize();"/>  
  27. </body>  
  28. </html>  

 

文章整理: 世紀雲圖  https://www.yuntop.cc/

以上信息與文章正文是不可分(fēn)割的一(yī)部分(fēn),如果您要轉載本文章,請保留以上信息,謝謝!

版權申明:本站文章部份來自網絡,如有侵權,請聯系我(wǒ)們,我(wǒ)們收到後立即删除,謝謝!

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

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