묻고답하기
[자바에 관한 질문]이미지를 클릭했을 때...?
2003.05.09 08:56
안녕하세요.
아래 부분은 예제 스크립트 입니다.
갤러리 게시판이 있다는 가정하에,(보통 작은 이미지들을 클릭하면 새창으로 이미지크기에 맞게 뜨잖아요)
이미지들을 클릭할 때 새창이 계속 뜨는게 아니라 같은 창으로 계속 열리게 하는 옵션이
이 예제에는 없는 것 같은데, 이 옵션을 적용시키려면 어떻게 해야하는지 알고 싶습니다.
자바 스크립트 예제(이미지를 클릭했을 때 새창에 적용되는 옵션)
function showPicture(src,caption) {
var imgObj = new Image();
imgObj.src = src;
var wopt = "scrollbars=no,status=no,resizable=no";
wopt += ",width=" + imgObj.width;
wopt += ",height=" + imgObj.height;
var wbody = "<head><title>새창에 적용되는 옵션</title>";
wbody += "<style type='text/css'>";
wbody += ".gulim9p { font-family: '굴림'; font-size: 9pt; }";
wbody += "</style>";
wbody += "<script language='javascript'>";
wbody += "function finalResize(){";
wbody += " var oBody=document.body;";
wbody += " var oImg=document.images[0];";
wbody += " var xdiff=oImg.width-oBody.clientWidth;";
wbody += " var ydiff=oImg.height-oBody.clientHeight+0;";
wbody += " window.resizeBy(xdiff,ydiff);";
wbody += "}";
wbody += "</"+"script>";
wbody += "</head>";
wbody += "<body onLoad='finalResize()' style='margin:0'>";
wbody += "<a href='javascript:window.close()'><img src='" + src + "' border=0></a><BR>";
wbody += "<IMG src='/top_photo/blank.gif' height=6 width=1><BR><font size=2
class=gulim9p> " + caption + "</font>";
wbody += "</body>";
winResult = window.open("about:blank","",wopt);
winResult.document.open("text/html", "replace");
winResult.document.write(wbody);
winResult.document.close();
return;
}
아래 부분은 예제 스크립트 입니다.
갤러리 게시판이 있다는 가정하에,(보통 작은 이미지들을 클릭하면 새창으로 이미지크기에 맞게 뜨잖아요)
이미지들을 클릭할 때 새창이 계속 뜨는게 아니라 같은 창으로 계속 열리게 하는 옵션이
이 예제에는 없는 것 같은데, 이 옵션을 적용시키려면 어떻게 해야하는지 알고 싶습니다.
자바 스크립트 예제(이미지를 클릭했을 때 새창에 적용되는 옵션)
function showPicture(src,caption) {
var imgObj = new Image();
imgObj.src = src;
var wopt = "scrollbars=no,status=no,resizable=no";
wopt += ",width=" + imgObj.width;
wopt += ",height=" + imgObj.height;
var wbody = "<head><title>새창에 적용되는 옵션</title>";
wbody += "<style type='text/css'>";
wbody += ".gulim9p { font-family: '굴림'; font-size: 9pt; }";
wbody += "</style>";
wbody += "<script language='javascript'>";
wbody += "function finalResize(){";
wbody += " var oBody=document.body;";
wbody += " var oImg=document.images[0];";
wbody += " var xdiff=oImg.width-oBody.clientWidth;";
wbody += " var ydiff=oImg.height-oBody.clientHeight+0;";
wbody += " window.resizeBy(xdiff,ydiff);";
wbody += "}";
wbody += "</"+"script>";
wbody += "</head>";
wbody += "<body onLoad='finalResize()' style='margin:0'>";
wbody += "<a href='javascript:window.close()'><img src='" + src + "' border=0></a><BR>";
wbody += "<IMG src='/top_photo/blank.gif' height=6 width=1><BR><font size=2
class=gulim9p> " + caption + "</font>";
wbody += "</body>";
winResult = window.open("about:blank","",wopt);
winResult.document.open("text/html", "replace");
winResult.document.write(wbody);
winResult.document.close();
return;
}
댓글 3
-
풍월주인
2003.05.09 12:23
될런지는 몰겠지만 winResult = window.open("about:blank","",wopt); 부분을 winResult = window.open("about:blank","win",wopt); 으로 바꿔보세요.. -
자바
2003.05.09 12:43
새창은 안뜨는데요, blank 창으로만 보여요, ^^;; -
마녀조엔
2003.05.09 18:55
테스트 해봤는데, 이런 방법이면 가능하군요. 참조바랍니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<script language="JavaScript">
<!--
function nph_open_window(url, name, feature)
{
window.open(url, name, feature);
}
// -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p> </p>
<table border="1">
<tr>
<td width="215">
<p><a href="javascript:nph_open_window('../../My Pictures/그외/karmapaper4.jpg', 'nph_window', 'width=400,height=400,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes')"><img src="karmapaper4_tm.jpg" width="120" height="90" border="0" alt="karmapaper4.jpg"></a></p>
</td>
<td width="215">
<p><a href="javascript:nph_open_window('../../My Pictures/그외/main_1.gif', 'nph_window', 'width=400,height=400,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes')"><img src="main_1_tm.gif" width="120" height="21" border="0" alt="main_1.gif"></a></p>
</td>
<td width="215">
<p><a href="javascript:nph_open_window('../../My Pictures/그외/phpschool.gif', 'nph_window', 'width=400,height=400,toolbar=no,menubar=no,status=no,scrollbars=yes,resizable=yes')"><img src="phpschool_tm.gif" width="120" height="25" border="0" alt="phpschool.gif"></a></p>
</td>
<td width="215">
<p> </p>
</td>
<td width="215">
<p> </p>
</td>
</tr>
</table>
<p> </p>
</body>
</html>