반응형
SMALL
<script>
io=new Array(); //이미지객체의 크기를 담을 배열
function vuD() { //이미지를 클릭하면 새창을 띄워 원래의 크기로 보여준다.
e=event.srcElement;
var w=io[e.name].w; //이미지 객체의 너비
var h=io[e.name].h; //이미지 객체의 높이
test=window.open('','tst','width='+w+',height='+h); //새창을 이미지의 크기만큼 열고
test.document.write("<body topmargin=0 leftmargin=0 background="+e.src+" onclick=self.close()>"); //새창에 배경으로 그림을 뿌림
}
function setD(wd,ht){
e=event.srcElement; //함수를 호출한 이미지객체
var w=e.width; //너비
var h=e.height; //높이
io[e.name]=new Object(); //새로운 오브젝트 생성
io[e.name].w=e.width; //너비와,
io[e.name].h=e.height; //높이를 지정 \
if(w>wd){ //너비가 한계치보다 크면
h/=w/wd; //높이 재설정
w=wd; //너비 재설정
}
e.width=w; //너비 갱신
e.height=h; //높이 갱신
}
</script>
<body>
<img name=i0 src="이미지 주소" onload=setD(500,0) onclick=vuD();>
</body>
반응형
'Web Programing! > Script' 카테고리의 다른 글
| [SCRIPT] scriptX 웹 화면 프린트하기 (0) | 2011.09.13 |
|---|---|
| [CSS] 가로세로 스크롤바 없애기 (0) | 2011.09.13 |
| [SCRIPT] 팝업 자동 리사이즈 (0) | 2011.09.13 |
| [SCRIPT] input box에 숫자만 입력받기(ie/ff 사용가능) (0) | 2011.09.10 |
| [SCRIPT] setTimeout() 와 setInterval() (0) | 2011.08.30 |
| [SCRIPT] 현재 날짜 구하기 (년-월-일/시-분-초) (0) | 2011.07.17 |
| [SCRIPT] 오늘 요일 구하기 (0) | 2011.07.17 |
