JS自动调整图片宽度代码

JS自动调整图片宽度代码,网页图片宽度自适应代码,具体代码如下:

  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4. <title>JS自动调整图片宽度代码</title> 
  5. </head> 
  6.  
  7. <body> 
  8. <script language="javascript"> 
  9. var flag=false
  10. function DrawImage(ckp){ 
  11.     var image=new Image(); 
  12.     image.src=ckp.src; 
  13.     if(image.width>0 && image.height>0){ 
  14.         flag=true
  15.         if(image.width>120){ 
  16.             ckp.width=120
  17.         }else{ 
  18.             ckp.width=image.width; 
  19.         } 
  20.         ckp.alt=image.width+"×"+image.height; 
  21.     } 
  22. </script> 
  23.  
  24. <img src="http://www.daimajiayuan.com/uploads/1307/1-130H30Z314511.jpg" border="0" onload="javascript:DrawImage(this);"> 
  25. </body> 
  26. </html> 

转载请注明:代码家园 » JS自动调整图片宽度代码

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)