<html>
<head>
<title>해피CGI</title>
<script language=javascript type="text/javascript">
<!--
var img = new Image();
var newWin;
var url = "http://demo.happycgi.com/jini/pick5.jpg"; /* 제일 처음 나올 이미지를 적습니다.*/
function loadImage(fileName, url) {
this.url = url;
img.src = fileName;
document.preview.src = img.src;
}
function bigImage() {
newWin = window.open(url, "enlarge", "menubar = 0, toolbar = 0, status = 0, resizable = 1, scrollbars=1, width = 340, height = 260");
}
//-->
</script>
</HEAD>
<BODY>
<table border=0 width=600 cellpadding=0 cellspacing=0>
<tr>
<td align=center>
<a href="javascript: bigImage()"><img src="http://demo.happycgi.com/jini/pick5.jpg" name="preview" border=0 alt="큰 이미지보기(사진클릭)"></a>
</td>
<td align=center>
<a href="#" onClick="loadImage('http://demo.happycgi.com/jini/pick1.jpg', 'http://demo.happycgi.com/jini/pick1.jpg')">이미지 사진 - 1</a><br>
<a href="#" onClick="loadImage('http://demo.happycgi.com/jini/pick2.jpg', 'http://demo.happycgi.com/jini/pick2.jpg')">이미지 사진 - 2</a><br>
<a href="#" onClick="loadImage('http://demo.happycgi.com/jini/pick3.jpg', 'http://demo.happycgi.com/jini/pick3.jpg')">이미지 사진 - 3</a><br>
<a href="#" onClick="loadImage('http://demo.happycgi.com/jini/pick4.jpg', 'http://demo.happycgi.com/jini/pick4.jpg')">이미지 사진 - 4</a><br>
</td>
</tr>
</table>
</body>
</html>
|
