<div class="codetitle"> <span><a style="CURSOR: pointer" data="48267" class="copybut" id="copybut48267" onclick="doCopy('code48267')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code48267"> <br><script 언어="JavaScript" type="text /JavaScript" > <br><!-- <BR>var imgObj; <BR>function checkImg(theURL,winName){ <BR> if (typeof(imgObj) == "object"){ <BR> / / 이미 이미지의 높이와 너비를 얻었습니까 <BR> if ((imgObj.width != 0) && (imgObj.height != 0)) <BR> // 팝업의 높이와 너비를 설정합니다 얻은 이미지 높이와 너비에 따라 창을 열고 창을 엽니다 <BR> // 20과 30의 증분은 설정된 창 테두리와 그림 사이의 거리입니다 <BR> OpenFullSizeWindow(theURL,winName, ",width=" ( imgObj.width 20) ",height =" (imgObj.height 30)); <BR> else <BR> // 이미지는 Image 객체를 통해 동적으로 로드되므로 이미지의 너비와 높이를 가져올 수 없습니다. 즉시 검사가 100밀리초마다 반복적으로 호출됩니다. <BR> setTimeout( "checkImg('" theURL "','" winName "')", 100) <BR> } <BR>} <br><br>함수 OpenFullSizeWindow(theURL,winName,features) { <BR> var aNewWin, sBaseCmd ; <BR> // 팝업 창 모양 매개변수 <BR> sBaseCmd = "toolbar=no,location=no,status=no,menubar=no, scrollbars=no,ressible=no,"; <BR> // 호출이 checkImg에서 오는지 여부 <BR> if (features == null || feature == ""){ <BR> // 이미지 객체 생성 <BR> imgObj = new Image() <BR> // 이미지 소스 설정 <BR> imgObj.src = theURL <BR> // 이미지 크기 가져오기 시작 <BR> checkImg(theURL, winName) <BR> } <BR> else{ <BR> // 창 열기 <BR> aNewWin = window.open(theURL,winName) , sBaseCmd 기능) <BR> // 포커스 창 <BR> aNewWin.focus() <BR>} <BR>//-> <br></script> <br><br><br>사용 시 위의 코드를 <head></head> 웹 문서를 작성한 다음 <a href="fullsize.jpg " onClick="OpenFullSizeWindow(this.href,'','');return false">와 같은 링크의 클릭 이벤트에서 OpenFullSizeWindow 함수를 호출합니다. <img src="small.jpg"></a>그렇습니다<br><br> </div>