인터넷정보

이미지 갤러리 만들기 <1> - 작은 그림을 클릭해보면 왼쪽으로 원본 이미지가 뜬다.

알 수 없는 사용자 2007. 10. 18. 14:00
<html>

<head>

<title>이미지 갤러리 만들기<1></title>

<script language="JavaScript">

<!--

function transimg(place) {

if (place==1) dare.src="img/img1.gif";

if (place==2) dare.src="img/img2.gif";

if (place==3) dare.src="img/img3.gif";

if (place==4) dare.src="img/img4.gif";

}

// -->

</script>

</head>

<body>

<table align="center" cellpadding="0" cellspacing="0" width="500" height="302">

<tr>

<td width="126" height="151" align="center" valign="middle">

<span style="cursor:hand" onClick="transimg(1)"><img src="img/img1.gif" width="120" height="146"></span>

</td>

<td width="126" height="151" align="center" valign="middle">

<span style="cursor:hand" onClick="transimg(2)"><img src="img/img2.gif" width="120" height="146"></span>

</td>

<td width="247" height="302" align="center" valign="middle" rowspan="2">

<img src="img/img1.gif" name="dare" border=1>

</td></tr><tr>

<td width="126" height="151" align="center" valign="middle">

<span style="cursor:hand" onClick="transimg(3)"><img src="img/img3.gif" width="120" height="146"></span>

</td>

<td width="126" height="151" align="center" valign="middle">

<span style="cursor:hand" onClick="transimg(4)"><img src="img/img4.gif" width="120" height="146"></span>

</td></tr></table>

</body>

</html>
반응형