묻고답하기

안녕하세요.
며칠동안 이곳저곳 많은분들께 여쭈어보면서 힘들게 어렵게 아래의 소스들을 가지게 되었는데요..

한 이미지가 있으면 그 이미지 위에 마우스를 오버하면 안으로 쑥 들어가고
클릭하면 새창으로 또 다른 이미지가 뜨고 그 이미지를 클릭하면 다시 닫히는...
그런것들이예요.. 정말 도와주신분들 너무너무 감사드려요!!^-^
그런데 오늘 또 다시 질문을 드려요..
아래의 소스들이 모두 제가 위쪽에서 설명드렸던 기능이 되는것인데요...
아래 소스들은... 이미지가 새창으로 뜨면 그 여백이 남게 되어서 좀 보기가 싫게 되어서 말이에요..
이미지 원사이즈 그대로 뜨게 되도록 아래 소스에 적용시키려면 어떻게 하여야 할지...
다시 한번 친절한 설명 부탁드려요..


<html>

<head>
<title>제목없음</title>
<style><!--

A:link { text-decoration:none; }

A:visited { text-decoration:none; }

A:active { text-decoration:none; }

A:hover { color: pink;  text-decoration:none; position:relative;  top:1; left:1;}

--></style>

<meta name="generator" content="Namo WebEditor v4.0">
<script>

function popimage(imagesrc,winwidth,winheight){
var look='width='+winwidth+',height='+winheight+','
popwin=window.open("","",look)
popwin.document.open()
popwin.document.write('<title>Image Window</title><body><a href="javascript:window.close()"><img src="'+imagesrc+'" border=0></a></body>')
popwin.document.close()
}
</script>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<a href="imgwin.html" onClick="popimage('그림경로');return false"><img src="그림경로" border=0></a><p>
</p>
</body>

</html>


그럼 이만 줄일께요..
모두 행복한 하루 되세요!!^^