<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를 가져와서 새 이미지객체를 만든다.
새로 만들어진 이미지객체는 본래 이미지의 크기를 가진다.
그 크기를 알아낸다.
이미지 객체는 지운다.
반응형
'인터넷정보' 카테고리의 다른 글
| PHP 테이블 중복 확인후 생성하기 create table if not exists board (0) | 2007.10.11 |
|---|---|
| PHP 테이블 중복 확인후 생성하기 create table if not exists board (0) | 2007.10.11 |
| ActiveX 무조건 다운로드하기 (0) | 2007.10.11 |
| ActiveX 무조건 다운로드하기 (0) | 2007.10.11 |
| 이미지 크기 알아내기 (0) | 2007.10.11 |
| 새창(팝업) 크기 자동조절(리사이즈,resize) (0) | 2007.10.11 |
| 새창(팝업) 크기 자동조절(리사이즈,resize) (0) | 2007.10.11 |
| 자바스크립에서 쿠기 설정/읽기/삭제 (0) | 2007.10.11 |
| 자바스크립에서 쿠기 설정/읽기/삭제 (0) | 2007.10.11 |
| PHP 파일 타입 알아보기 mime_content_type() (0) | 2007.10.11 |