如何在JS中获取图片的像素?

Question

<SCRIPT   language= 'JavaScript '> 
alert(table.clientWidth); 
</SCRIPT> 

Answer 1

楼上贴的什么东东?
举个例子
<td colspan="3" height=18><span style="font-size:15px;">
<img src="../../Images/PublicImg/Loading.gif" width="16" height="16" align="middle" id="msgid"></td>
那么,Loading.gif这个图片的像素怎么用JS取到?

Answer 2

我们用一个DEMO来显示一个我的想法:
先设一个不可见图层<br>
<div style="visibility:hidden">
<img id="imgCache" src="http://www.easyjf.com/blog/lengyu/extjs/image011.jpg">
</div>再设一个用来显示图片的图层<br>
<div>
<div id="divInfo"></div>
<img id="imgShow" src="_bank">
</div><script type="text/javascript">
var oCache = document.getElementById("imgCache");
var oShow = document.getElementById("imgShow");
var oInfo = document.getElementById("divInfo");
var lRealWidth = 0;
var lRealHeight = 0;

oCache.onreadystatechange = function(){
oInfo.innerHTML += "imgCache.readyState = " + oCache.readyState + "<br />";
if (oCache.readyState == "complete"){
lRealWidth = oCache.width;
lRealHeight = oCache.height;
oCache.style.display = "none"; oInfo.innerHTML += "Real width: " + lRealWidth + "<br />Real height: " + lRealHeight;
oShow.width = lRealWidth / 2;
oShow.height = lRealHeight / 2;
oShow.src = oCache.src;
}
}
</script>