<img id='Img1' src='http://www.phpschool.com/images/LOGO.gif' width='100' onclick='alertImgSize(this)'>
<script>
function alertImgSize(ElemId) {
var Size = GetImageSize(Img1);
alert('Width: ' + Size.Width + ', Height: ' + Size.Height);
}
</script>
<script>
function GetImageSize(ElemId) {
with(TmpImg = document.body.appendChild(document.createElement('img'))) {
src = ElemId.src;
var Width = offsetWidth;
var Height = offsetHeight;
}
document.body.removeChild(TmpImg);
return { Width : Width, Height : Height };
}
</script>
--------------------------------------------------------------------------------
<img src="어쩌구저쩌구" width="100" name="asdasd">
<script>
var img=new image();
img.src=document.all.asdasd.src;
alert(img.width);
</script>
--------------------------------------------------------------------------------
원리
이미지의 SRC를 가져와서 새 이미지객체를 만든다.
새로 만들어진 이미지객체는 본래 이미지의 크기를 가진다.
그 크기를 알아낸다.
이미지 객체는 지운다.