久久精品一区二区三区中文字幕-久久精品一区二区三区日韩-久久精品一区二区三区不卡-久久精品一区二区国产-久久精品一区二区-久久精品一级

行業動態
js實現圖片超過寬度自動收縮
發布日期：2013-07-25 閱讀次數：5986 字體大小：大中小

在我們實際網站制作過程中，很多客戶在使用網站后臺時沒有學過專業的知識，很多客戶在未處理的情況下，直接上傳數碼相機中拍攝的照片。這樣當圖片尺寸較大時，如果按照真實的比例去顯示網頁布局可能會出現錯位的現象，我們可以使用JS代碼實現當圖片寬度超過一定的尺寸后自動收縮。

易天js代碼之：使用JS實現圖片超過指定的寬度自動收縮成設定的寬度

在此之前需要將圖片所在的容器的ID設置為hcimg如

XML/HTML代碼
  1. <table id=hcimg><tr><td>此處寫處圖片td><tr>table>  

     

    JavaScript代碼
    1. <script language="javascript" type="text/javascript">       
    2. window.onload=function()       
    3. {       
    4. var imgWidthToLimit=580; //對圖片的限制寬度       
    5. var imgCongObj = hcimg.getElementsByTagName("IMG"); //獲取id為hcimg的頁面容器（div、table等）中的所有img對象       
    6. for( i=0;i<imgCongObj.length;i++)       
    7. {       
    8. var image = new Image();       
    9. image.src=imgCongObj[i].src;       
    10. image.i=i;       
    11. image.onreadystatechange=function(){       
    12. if (image.readyState=="complete") {       
    13. var w= parseInt(image.width);       
    14. if(w>imgWidthToLimit) imgCongObj[this.i].width=imgWidthToLimit;       
    15. }       
    16. }       
    17.       
    18. }       
    19. }       
    20. </script>    

     

  2.   
  3. 或   
  4. <div id=hcimg>此處寫上圖片代碼div>  

 

主站蜘蛛池模板： 干妞网免费视频 | 欧美三级不卡在线观线看高清 | 嫩草视频在线观看视频播放 | 日本 在线播放 | 西西人体大胆啪啪私拍色约约 | 超碰av| 日韩国产欧美成人一区二区影院 | 大象传媒短视频网站 | 国产一区二区三区四卡 | 99九九国产精品免费视频 | 国产视频播放 | 亚洲黄色三级视频 | 欧美日韩人成在线观看 | 超级乱淫 不详 | aika跟黑人太猛了 | 色老板在线视频观看 | 无毛黄片 | 91久久青青草原线免费 | 国产精品调教 | 咪咪爱小说| 成年极品漫画在线观看 | 精品区卡一卡2卡三免费 | yy111111影院理论大片 | 日本一片免费观看高清完整 | 久久AV喷吹AV高潮欧美 | 亚州性夜夜射在线观看 | 秋霞午夜视频 | 日本高清色视影www日本 | 91欧美秘密入口 | 成人精品第一区二区三区 | caoporn超碰| 果冻传媒91| 青青青国产精品国产精品久久久久 | 久久91精品国产91久 | 77成人影视 | 国内精品视频一区二区三区八戒 | 国产精品一区久久精品 | 99国内精品久久久久久久黑人 | 视频一区国产精戏刘婷 | 青青色在线观看 | 亚洲热影院 |