www一片黄-www一区-www伊人-www淫-少妇被按摩-射在老师的里面真爽

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

在我們實際網站制作過程中,很多客戶在使用網站后臺時沒有學過專業的知識,很多客戶在未處理的情況下,直接上傳數碼相機中拍攝的照片。這樣當圖片尺寸較大時,如果按照真實的比例去顯示網頁布局可能會出現錯位的現象,我們可以使用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>  

 

主站蜘蛛池模板: 欧美日韩中文字幕在线手机版本 | 波多野吉衣 免费一区 | 亚洲天堂免费在线视频 | 欧美亚洲另类在线 | 午夜涩涩 | 制服美女视频一区 | 黄网视频| 欧美日韩国产在线 | 亚洲看片网站 | 国产精品久久久久久夜夜夜夜 | 成人国产三级在线播放 | 一级一级毛片 | 黄色网在线 | 亚洲精品成人 | 成人精品视频一区二区在线 | 欧美成人免费做真爱大片 | 国产欧美久久一区二区 | 免费黄色三级网站 | 天天透天天狠 | 国产人成免费视频 | 亚洲人成在线观看 | 站长推荐国产精品视频 | 国产成人免费高清视频网址 | 成人亚洲视频 | 欧美日一级 | 久草视频精品 | 欧美成人剧情中文字幕 | 最近的中文字幕大全免费版 | 日本一区二区三区免费高清在线 | 一级片手机在线观看 | 欧美在线一级视频 | 国产精品亚洲二区 | 国产成人综合久久精品红 | 国产精品99爱免费视频 | 九九九国产视频 | 亚洲国产中文字幕在线观看 | 色播五月激情五月 | 成人公开免费视频 | 日本国产亚洲 | 国产精品视频ccav | 一级做a爰久久毛片武则天 一级做a免费视频 |