<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>
<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>
반응형
'인터넷정보' 카테고리의 다른 글
은은하게 변하는 롤오버 이미지 (0) | 2007.10.18 |
---|---|
은은하게 변하는 롤오버 이미지 (0) | 2007.10.18 |
이미지 갤러리 만들기 <2> (0) | 2007.10.18 |
이미지 갤러리 만들기 <2> (0) | 2007.10.18 |
이미지 갤러리 만들기 <1> - 작은 그림을 클릭해보면 왼쪽으로 원본 이미지가 뜬다. (0) | 2007.10.18 |
이미지 슬라이드 (0) | 2007.10.18 |
이미지 슬라이드 (0) | 2007.10.18 |
이미지 슬라이드 (0) | 2007.10.18 |
이미지 슬라이드 (0) | 2007.10.18 |
이미지 슬라이드 (0) | 2007.10.18 |