js基礎(chǔ):javascript控制圖片自適應(yīng)大小
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
//圖片自適應(yīng)大小
//id為img控件的id //width與height為img父控件的寬高——即img的最大寬高 //示例:<img id="dd" src="ee.jpg" onload="imgFit(''dd'',100,200)" />" function imgFit(id,width,height) ...{ var imageArr=document.getElementById(id); if(imageArr.offsetWidth>width || imageArr.offsetHeight>height) ...{ imageRate1=parseInt(imageArr.offsetWidth)/width; imageRate2=parseInt(imageArr.offsetHeight)/height; if(imageRate2>imageRate1) imageArr.style.height = imageArr.offsetHeight/imageRate2+"px"; else imageArr.style.width = imageArr.offsetWidth/imageRate1 +"px"; } } 該文章在 2010/8/18 11:57:51 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |