帝國(guó)cms:用JS控制圖片過大撐破表格問題
來源：程序員人生 發(fā)布時(shí)間：2013-12-13 09:18:08 閱讀次數(shù)：4108次
建站學(xué)院(LieHuo.Net)CMS程序 在論壇看到很多提問圖片過大撐破表格的解決辦法，我也曾遇到過，用CSS的最大寬度來控制，可是IE6.0瀏覽器不支持最大寬度，所以用CSS來控制圖片大小也不是十分完美。下面給大家分享兩種用JS控制圖片大小的方法，全面兼容各種瀏覽器。
1，不按照比例的縮放
| 以下為引用的內(nèi)容：
<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> 調(diào)用方法：
<img src="圖片地址" onload="changeImg(this)"> |
2，按照比例的縮放
| 以下為引用的內(nèi)容：
<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> 調(diào)用方法：
<img src="圖片地址" onload="changeImg(this)"> |
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
