海南(nán)世紀雲圖網絡科技有限公司
咨詢熱線：400-822-8458 客戶服務：0898-32183600
全部資(zī)訊公司新聞行業新聞APP微信建站知(zhī)識WAP百科

用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ǒ)們收到後立即删除，謝謝！

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

上一(yī)篇：Asp實例删除Split分(fēn)隔的内容其中(zhōng)的某一(yī)部份 下(xià)一(yī)篇：Android要被官司給整死？

與本文相關的文章

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