클릭해서 이미지 팝업 뛰우기.
<html>
<head>
<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, myText){
var winHandle = window.open("" ,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + windowWidth + ",height=" + windowHeight)
if(winHandle != null){
var htmlString = "<html><head><title>Picture</title><META http-equiv='imagetoolbar' content='no'></head>"
htmlString += "<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 oncontextmenu='return false' ondragstart='return false' onselectstart='return false'>"
htmlString += "<center>"+myText+"</center>"
htmlString += "<a href=javascript:window.close()><img src=" + picName + " border=0 alt=닫기></a>"
htmlString += "</body></html>"
winHandle.document.open()
winHandle.document.write(htmlString)
winHandle.document.close()
}
if(winHandle != null) winHandle.focus()
return winHandle
}
//-->
</script>
</head>
<body>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('aaa.jpg', 'popWin1', '370', '545', '여기에 글을 넣으세요.')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="aaa.jpg" width="83" height="137" border="0"></a>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('a.jpg', 'popWin1', '370', '546', '여기에 글을 넣으세요.')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="a.jpg" width="98" height="142" border="0"></a>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('3.jpg', 'popWin1', '500', '390', '여기에 글을 넣으세요.')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="kissgod03t.jpg" border="0"></a>
</body>
</html>
<head>
<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, myText){
var winHandle = window.open("" ,windowName,"toolbar=no,scrollbars=no,resizable=no,width=" + windowWidth + ",height=" + windowHeight)
if(winHandle != null){
var htmlString = "<html><head><title>Picture</title><META http-equiv='imagetoolbar' content='no'></head>"
htmlString += "<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 oncontextmenu='return false' ondragstart='return false' onselectstart='return false'>"
htmlString += "<center>"+myText+"</center>"
htmlString += "<a href=javascript:window.close()><img src=" + picName + " border=0 alt=닫기></a>"
htmlString += "</body></html>"
winHandle.document.open()
winHandle.document.write(htmlString)
winHandle.document.close()
}
if(winHandle != null) winHandle.focus()
return winHandle
}
//-->
</script>
</head>
<body>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('aaa.jpg', 'popWin1', '370', '545', '여기에 글을 넣으세요.')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="aaa.jpg" width="83" height="137" border="0"></a>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('a.jpg', 'popWin1', '370', '546', '여기에 글을 넣으세요.')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="a.jpg" width="98" height="142" border="0"></a>
<a href="javascript:doNothing()" onClick="win1Open=displayImage('3.jpg', 'popWin1', '500', '390', '여기에 글을 넣으세요.')" onMouseOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''"><img src="kissgod03t.jpg" border="0"></a>
</body>
</html>
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 1217 | 반응형 | 3년 전 | 3105 | ||
| 1216 | 웹접근성 | 3년 전 | 2498 | ||
| 1215 | CSS | 4년 전 | 4904 | ||
| 1214 | 기타 | 4년 전 | 8362 | ||
| 1213 | CSS | 4년 전 | 3256 | ||
| 1212 | 웹접근성 | 4년 전 | 3644 | ||
| 1211 | CSS |
|
5년 전 | 4120 | |
| 1210 | 기타 | 5년 전 | 3346 | ||
| 1209 | CSS | 5년 전 | 3595 | ||
| 1208 | 기타 | 5년 전 | 3151 | ||
| 1207 | 기타 | 5년 전 | 2894 | ||
| 1206 | CSS |
moviepd
|
5년 전 | 3722 | |
| 1205 | HTML |
moviepd
|
5년 전 | 4386 | |
| 1204 | 기타 | 6년 전 | 7836 | ||
| 1203 | 웹접근성 | 6년 전 | 3013 | ||
| 1202 | 기타 | 6년 전 | 2987 | ||
| 1201 | 기타 | 6년 전 | 4326 | ||
| 1200 | 기타 | 6년 전 | 4123 | ||
| 1199 | 기타 | 6년 전 | 4135 | ||
| 1198 | 기타 | 6년 전 | 2616 | ||
| 1197 | 기타 | 6년 전 | 2687 | ||
| 1196 | 기타 | 6년 전 | 2470 | ||
| 1195 | 기타 | 6년 전 | 2460 | ||
| 1194 | 기타 | 6년 전 | 3049 | ||
| 1193 | 기타 | 6년 전 | 9237 | ||
| 1192 | 기타 | 6년 전 | 3886 | ||
| 1191 | 기타 | 6년 전 | 6226 | ||
| 1190 | 기타 | 6년 전 | 2444 | ||
| 1189 | 기타 | 6년 전 | 2346 | ||
| 1188 | 기타 | 6년 전 | 1825 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기