-----------------
<script language='javascript' type='text/javascript'>
//<![CDATA[
function fncShowLayerPop(e,src)
{
if(window.event) e = window.event;
var pdv = document.getElementById('popup_div');
var pos = getMousePosition(e);
pdv.style.left = (pos.x+15)+'px';
pdv.style.top = (pos.y+15)+'px';
pdv.innerHTML = '<img src="'+src+'" onmouseout="fncHideLayerPop()" />';
pdv.style.display = 'block';
}
function fncHideLayerPop()
{
var pdv = document.getElementById('popup_div');
pdv.style.display = 'none';
}
function getMousePosition(event)
{
var x = (getIEVer()<=0) ? event.pageX: window.event.clientX + document.documentElement.scrollLeft;
var y = (getIEVer()<=0) ? event.pageY: window.event.clientY + document.documentElement.scrollTop;
return {'x':x,'y':y};
}
function fncClick()
{
var abc = new Array();
abc = getMousePosition( window.event );
alert(abc.x+'-'+abc.y);
}
function getIEVer()
{
var retval = 0;
var agent = navigator.userAgent.toLowerCase();
var ver = agent.split(';');
if(agent.indexOf('msie') != -1)
{
retval = parseFloat(ver[1].slice(6, ver[1].length));
}
return retval;
}
//]]>
</script>
</head>
<body bgcolor="white" text="black" link="black" vlink="black" alink="black">
<form name='frm'>
<div align =left:"400px">
<img src='이미지경로' onclick='fncShowLayerPop(event,"클릭이미지")'>
<div id='popup_div' name='popup_div' style='position:absolute; z-index:1; display:none'></div>
</div>
</form>
</body>
----------------------------
이렇게 사용하고 있는데요, 이미지를 클릭하면 마우스 클릭한 곳에서 오른쪽으로 뜨는데
하단부 이미지를 클릭했을때는 스크롤이 생기면서 밑으로 내려야 원본 이미지를 다 볼 수 있더라구요..
이미지 클릭했을때 클릭한 이미지의 위치&마우스 위치와 상관없이 상단에 원본이미지가 뜰수있게 하는 방법이 있을까요?
본인삭제금지
글쓰기