Web Programing!/Script
[SCRIPT] 이미지 리사이징
어설픈봉봉이
2011. 9. 13. 19:03
반응형
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>
반응형