紅河州領先的互聯網服務提供商
以技術為后盾 以服務求發展
首頁 >> 知識寶庫 >> 網頁設計 >> 信息內容

網頁布局中js自動按比例重設縮略圖尺寸(不變形)

網頁圖片縮略圖顯示尺寸控制: (判斷圖片是橫長型還是高型,如果橫長型按比例設置寬度,高度按比例縮放;如果是高型,設置高度,寬度按比例縮放。保證圖片按比例縮放,不變形)

調用方式如下:  <img   src="ImgUrl.gif"   onload="javascript:SetImg(this);">

處理js函數如下:
<script   language="JavaScript"> 
  <!-- 
  var   flag=false; 
  function   SetImg(ImgD){ 
        var   image=new   Image(); 
        image.src=ImgD.src; 
        if(image.width>0   &&   image.height>0){ 
          flag=true; 
          if(image.width/image.height>=   360/270){ 
            if(image.width>360){     
            ImgD.width=360; 
            ImgD.height=(image.height*360)/image.width; 
            }else{ 
            ImgD.width=image.width;     
            ImgD.height=image.height; 
            } 
            ImgD.alt=image.width+"×"+image.height; 
            } 
          else{ 
            if(image.height>270){     
            ImgD.height=270; 
            ImgD.width=(image.width*270)/image.height;           
            }else{ 
            ImgD.width=image.width;     
            ImgD.height=image.height; 
            } 
            ImgD.alt=image.width+"×"+image.height; 
            } 
          } 
  }   
  //--> 
  </script> 

(已被查看 人次)
分享到:

正規網絡公司

專業的系統開發公司

紅河本地化服務

您身邊的網絡服務專家

100%正版授權

全套自主開發授權使用

按需求定制開發

滿足您各種開發需求

完善售后服務

7×24小時·極速響應

亚洲中文无码亚洲人成影院