본문 바로가기

DEV/HTML

이미지 클릭 시, 팝업을 열어 실제 이미지 크기로 보여주기

반응형

//viewImage.jsp ( 이미지 실제 사이즈를 보여주는 곳

<HTML>
<HEAD>
 <TITLE>Fit the Pic Script</TITLE>
 <script language='javascript'>
   var arrTemp=self.location.href.split("?");
   var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
   var NS = (navigator.appName=="Netscape")?true:false;
     function FitPic() {
       iWidth = (NS)?window.innerWidth:document.body.clientWidth;
       iHeight = (NS)?window.innerHeight:document.body.clientHeight;
       iWidth = document.images[0].width - iWidth;
       iHeight = document.images[0].height - iHeight;
       window.resizeBy(iWidth, iHeight);
       self.focus();
     };
 </script>
</HEAD>
<BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
marginheight="0" leftmargin="0" marginwidth="0" scroll="auto">

 <script language='javascript'>
 document.write( "<img src='" + picUrl + "' border=0 onclick=\"Javascript:self.close();\">" );
 </script>
</BODY>
</HTML>


=========================================================================================

//이미지 호출하기
function PopupPic(sPicURL) {
     window.open( "./viewImage.jsp?"+sPicURL, "",  "resizable=1,HEIGHT=200,WIDTH=200");
 }

반응형
댓글