티스토리 뷰

반응형

<SCRIPT LANGUAGE="JavaScript">
<!--
 var w, h;
 var max_w = 500; //창의 가로크기, 이미지의 최대 크기가 된다.
 img_src = "http://wstatic.naver.com/t/2007/0814/20070814143900.gif" //이미지의 주소, img1의 src속성과 같아야 한다.

 function img_resize()
 {
  var i = eval(document.all.i1);
  w = i.width;
  h = i.height;
  if(w > max_w)
  {
   i.width = max_w;
  }
 }

 function resize_popup()
 {
  w_dummy = w + 20; //스크롤바를 위해서 팝업창의 가로길이를 20픽셀 추가한다.
  with( window.open("","madi_image",'height='+h+',width='+w_dummy+',scrollbars=yes,resizable=yes') )
  {
   document.write("<body topmargin=0 rightmargin=0 bottommargin=0 leftmargin=0>","<a href='#' alt='클릭하시면 창이 닫힙니다.'><img src='"+img_src+"' hspace=0 vspace=0 border=0 onclick='window.close();'></a>","</body>");
   focus();
  }
 }
//-->
</SCRIPT>

<FORM name="f" method="post" action="현재페이지주소">
<!-- 위의 '현재페이지주소'는 현재 페이지 주소에 get방식으로 넘어온 변수가 있다면 그 변수들도 함께 적어준다. -->
 <INPUT TYPE="image" SRC="http://wstatic.naver.com/t/2007/0814/20070814143900.gif" name="img1" onload="img_resize();" onclick="resize_popup();">
<!-- 이미지 컨트롤 안의 SRC속성은 위의 자바스크립트 img_src변수에 넣은것과 동일한 주소가 있어야 한다. -->
</FORM>

반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함