網站地圖 | 聯系我們 排名技術建站,讓你對手追趕
你現在的位置:網站首頁 > 資源分享 > JS插件 > 正文內容
?

div中圖片等比縮放js

發布時間:2016-02-01 | 編輯 : 小勇 | 分類 : JS插件 | 閱讀: 次 | 評論 :0

中圖片等比縮放js代碼如下:

  1. function tu(img,w,h){ 
  2.       var image=new Image() 
  3.       image.src=img.src 
  4.       if(image.width>0 &&image.height>0){ 
  5.           if(image.width/image.height>=w/h){ 
  6.               if(image.width>w){ 
  7.                    img.width=w; 
  8.                    img.height=(img.width*image.height)/image.width 
  9.                    img.style.marginTop=(h-img.height)/2+"px" 
  10.                   } 
  11.                else
  12.                      img.width=image.width; 
  13.                      img.height=image.height; 
  14.                      img.style.marginTop=(h-img.height)/2+"px" 
  15.                      img.style.marginLeft=(w-img.width)/2+"px" 
  16.                    }       
  17.               } 
  18.            else
  19.                  if(image.height>h){ 
  20.                        img.height=h; 
  21.                        img.width=(img.height*image.width)/image.height; 
  22.                        img.style.marginLeft=(w-img.width)/2+"px" 
  23.                      } 
  24.                   else
  25.                        img.width=image.width; 
  26.                        img.height=image.height; 
  27.                        img.style.marginTop=(h-img.height)/2+"px" 
  28.                        img.style.marginLeft=(w-img.width)/2+"px"  
  29.                       }   
  30.                }   
  31.           } 
  32.     } 


使用代碼:

在img標簽中調用onload="tu(this,width,height)"

如:

  1. <div><img src=" 1.jpg"  onload="tu(this,500,303)"/>div> 

js下載http://www.tmspch.icu/uploadfile/2016/0201/20160201050218792.rar


本文標簽圖片等比縮放  

贊助我們:如果你覺得本站的內容對你確實有所幫助,請贊助我們讓我們有動力為你繼續奉獻更多有用的內容→贊助我們

版權說明:如非注明,本站文章均為 小勇工作室 原創,轉載請注明出處和附帶本文鏈接 http://www.tmspch.icu/html/2016/jq_0201/17.html。

?
聯系我們
QQ:
873268813
旺旺:
wsuper勇
郵箱:
給我發郵件
QQ群:
加入交流群
?
Powered By 小勇工作室,Copyright www.tmspch.icu ? 2008-2019, 贛ICP備15004575號
河北快3官网结果