帝國cms:用JS控制圖片過大撐破表格問題
來源：程序員人生 發布時間：2013-12-13 09:18:08 閱讀次數：4115次
建站學院(LieHuo.Net)CMS程序 在論壇看到很多提問圖片過大撐破表格的解決辦法，我也曾遇到過，用CSS的最大寬度來控制，可是IE6.0瀏覽器不支持最大寬度，所以用CSS來控制圖片大小也不是十分完美。下面給大家分享兩種用JS控制圖片大小的方法，全面兼容各種瀏覽器。
1，不按照比例的縮放
| 以下為引用的內容：
<script language="javascript">
function changeImg(mypic){
var xw=130;
var xl=160;
var width = mypic.width;
var height = mypic.height;
if (width > xw ) mypic.width = xw;
if (height > xl ) mypic.height = xl;
}
</script> 調用方法：
<img src="圖片地址" onload="changeImg(this)"> |
2，按照比例的縮放
| 以下為引用的內容：
<script language="javascript">
function changeImg(mypic){
var xw=160;
var xl=180;
var width = mypic.width;
var height = mypic.height;
var bili = width/height;
var A=xw/width;
var B=xl/height;
if(!(A>1&&B>1))
{
if(A<B)
{
mypic.width=xw;
mypic.height=xw/bili;
}
if(A>B)
{
mypic.width=xl*bili;
mypic.height=xl;
}
}
}
</script> 調用方法：
<img src="圖片地址" onload="changeImg(this)"> |
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
