묻고답하기
갤러리 태그에 관련된 질문입니다
2003.01.20 15:09
<script language="JavaScript">
<!--
var win1Open = null
function displayImage(picName, windowName, windowWidth, windowHeight){
return window.open(picName,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + (parseInt(windowWidth)+20) + ",height=" + (parseInt(windowHeight)+15))
}
function winClose(){
if(win1Open != null) win1Open.close()
}
function doNothing(){}
//-->
</script>
<script language="JavaScript1.1">
<!--
function displayImage(picName, windowName, windowWidth, windowHeight){
var winHandle = window.open("" ,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + windowWidth + ",height=" + windowHeight)
if(winHandle != null){
var htmlString = "<html><head><title>Taken Presents</title></head>"
htmlString += "<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 oncontextmenu='return false'>"
htmlString += "<a href=javascript:window.close() onfocus='this.blur()'><img src=" + picName + " border=0 alt=close></a>"
htmlString += "</body></html>"
winHandle.document.open()
winHandle.document.write(htmlString)
winHandle.document.close()
}
if(winHandle != null) winHandle.focus()
return winHandle
}
//-->
</script>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('test.jpg', 'win', '300', '200')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="test.gif"border="0"></a>
전에, 신의 키스님 홈에서 보고 배웠던 태그입니다^^;
갤러리를 만드는 데 상당히 유용한 태그인데요,
사용하다 보니 한가지 불편한 점이 있더라구요.
링크를 클릭해서 창을 한번 띄워놓고, 그걸 닫지 않은 상태에서
다른 링크를 클릭하면 같은 창에 다른 크기의 그림으 뜨잖아요,
그런 경우에는 리사이즈(resize)가 적용되지가 않아서
창 크기와 그림 크기가 안 맞게 되더라구요.
그래서 제가 resize가 적용되도록 하려고
여러가지로 애를 써 보았지만..
다 실패해서 결국엔 이렇게 질문 란에 질문을 올려봅니다..>_<
가르쳐 주신다면 감사하겠구요>_<;;
항상 좋은하루 되세요^-^
<!--
var win1Open = null
function displayImage(picName, windowName, windowWidth, windowHeight){
return window.open(picName,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + (parseInt(windowWidth)+20) + ",height=" + (parseInt(windowHeight)+15))
}
function winClose(){
if(win1Open != null) win1Open.close()
}
function doNothing(){}
//-->
</script>
<script language="JavaScript1.1">
<!--
function displayImage(picName, windowName, windowWidth, windowHeight){
var winHandle = window.open("" ,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + windowWidth + ",height=" + windowHeight)
if(winHandle != null){
var htmlString = "<html><head><title>Taken Presents</title></head>"
htmlString += "<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 oncontextmenu='return false'>"
htmlString += "<a href=javascript:window.close() onfocus='this.blur()'><img src=" + picName + " border=0 alt=close></a>"
htmlString += "</body></html>"
winHandle.document.open()
winHandle.document.write(htmlString)
winHandle.document.close()
}
if(winHandle != null) winHandle.focus()
return winHandle
}
//-->
</script>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('test.jpg', 'win', '300', '200')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="test.gif"border="0"></a>
전에, 신의 키스님 홈에서 보고 배웠던 태그입니다^^;
갤러리를 만드는 데 상당히 유용한 태그인데요,
사용하다 보니 한가지 불편한 점이 있더라구요.
링크를 클릭해서 창을 한번 띄워놓고, 그걸 닫지 않은 상태에서
다른 링크를 클릭하면 같은 창에 다른 크기의 그림으 뜨잖아요,
그런 경우에는 리사이즈(resize)가 적용되지가 않아서
창 크기와 그림 크기가 안 맞게 되더라구요.
그래서 제가 resize가 적용되도록 하려고
여러가지로 애를 써 보았지만..
다 실패해서 결국엔 이렇게 질문 란에 질문을 올려봅니다..>_<
가르쳐 주신다면 감사하겠구요>_<;;
항상 좋은하루 되세요^-^
-----------------------------------------------------------------------------
<script language="javascript">
<!--
function prev_img(img_src,pop_w,pop_h) {
img_view = window.open('','img_popup','width=100,height=100,left=0,top=0,scrollbars=no,resizable=no');
img_view.document.focus(); // 팝업창 문서에 포커스
img_view.document.open(); // 팝업창 문서를 열어서
// 페이지를 만든다.
img_view.document.write('<html>\n'+
'<head>\n'+
'<title> :: View :: </title>\n'+
'<sc'+'ript language="javascript">\n'+
'resizeTo('+pop_w+','+pop_h+');\n'+ // 팝업창의 크기를 바꿔주는 소스
'</sc'+'ript>\n'+
'</head>\n'+
'<body topmargin="0" leftmargin="0">\n'+
'<a href="#" onclick="window.close();" onfocus="this.blur();">\n'+
'+ '+ '<img src="'+img_src+'" width="100%" height="100%" galleryimg="no" border="0"></a>\n'+
'</body>\n'+
'</html>\n');
img_view.document.close(); // 팝업창의 문서를 닫는다.
}
//-->
</script>
<!-- onclick="prev_img(이미지 경로,팝업창 가로크기,팝업창 세로크기);" //-->
<a href="#" onclick="prev_img('../../../kjy/javalink/h1.gif',160,180);" onfocus="this.blur();">
<img src="../../../kjy/javalink/h1.gif" border="0"></a>
<a href="#" onclick="prev_img('../../../kjy/javalink/h2.gif',300,300);" onfocus="this.blur();">
<img src="../../../kjy/javalink/h2.gif" border="0"></a>
<a href="#" onclick="prev_img('../../../kjy/javalink/h3.gif'+ ',250,250);" onfocus="this.blur();">
<img src="../../../kjy/javalink/h3.gif" border="0"></a>