커뮤니티 > 자바스크립트 > 큰 이미지 보기

<html>
<head>
<title>큰그림으로 보기</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
.shot { filter: RevealTrans(Duration=0.8, Transition=12)}
</style>

</head>

<body>

<SCRIPT LANGUAGE="Javascript">
function setShotPosition( DIV_id, e ) {
if (document.all) {
DIV = eval ( "document.all." + DIV_id );
DIV.style.left = e.offsetX + 40;
} else if (document.getElementById) {
DIV = eval ( "document.getElementById('" + DIV_id + "')");
DIV.style.top = e.pageY;
DIV.style.left = e.pagex;
}
//DIV.style.zIndex = ++document.formPdsList.zIndex.value ;
}

function ShowShot( DIV_id ) {
var ie = ( document.all ) ? 1 : 0;
var ns6 = document.getElementById && !document.all ? 1 : 0;
var DIV = null;
if ( ie ) {
eval(DIV_id + ".filters.RevealTrans.apply()");
document.all[DIV_id].style.visibility = "visible";
eval(DIV_id+ ".filters.RevealTrans.play()");
//DIV = eval ( "document.all." + DIV_id );
//DIV.style.visibility="visible";
BtnShot = eval( "document.all." + "BtnShot" + DIV_id.substr(DIV_id.indexOf("_")) );
BtnShot.href = "javascript:HideShot('" + DIV_id + "')";
}
if ( ns6 ) {
DIV = eval ( "document.getElementById('" + DIV_id + "')");
DIV.style.visibility="visible";
BtnShot = eval( "document.getElementById('" + "BtnShot" + DIV_id.substr(DIV_id.indexOf("_")) + "')");
BtnShot.href = "javascript:HideShot('" + DIV_id + "')";
}
}

function HideShot( DIV_id ) {
var ie = ( document.all ) ? 1 : 0;
var ns6 = document.getElementById && !document.all ? 1 : 0;
var DIV = null;
if ( ie ) {
eval(DIV_id + ".filters.RevealTrans.apply()");
document.all[DIV_id].style.visibility = "hidden";
eval(DIV_id+ ".filters.RevealTrans.play()");
//DIV = eval ( "document.all." + DIV_id );
//DIV.style.visibility="hidden";
BtnShot = eval( "document.all." + "BtnShot" + DIV_id.substr(DIV_id.indexOf("_")) );
BtnShot.href = "javascript:ShowShot('" + DIV_id + "')";
}
if ( ns6 ) {
DIV = eval ( "document.getElementById('" + DIV_id + "')");
DIV.style.visibility="hidden";
BtnShot = eval( "document.getElementById('" + "BtnShot" + DIV_id.substr(DIV_id.indexOf("_")) + "')");
BtnShot.href = "javascript:ShowShot('" + DIV_id + "')";
}
}
</SCRIPT>



<table style="border-collapse:collapse;" cellspacing="0">
<tr>
<td width="100%">
<div id='pds_3488' style='position:relative; top:100px; left:100px; visibility:show'>
<a href="javascript:ShowShot( 'shot_3488' );" onClick="setShotPosition( 'shot_3488' , event)" id='BtnShot_3488'><img src="불러올그림주소" width=136 height=106 border=0 alt='큰이미지보기' style='border: 2px solid #EEEBE8'>
</a><div id="shot_3488" style="width:200px; height:200px; position:absolute; left:50px; top:-30px; z-index:10; visibility:hidden;" class='shot'>
<a href="javascript:HideShot( 'shot_3488' )"><img src='저장된그림주소' border='0' alt='클릭하면 스크린샷이 닫힙니다' name='screen_shot_aid'></A>
</div>
</div>
</td>
</tr>
</table>



</body>

</html>