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

인터넷관련 2008. 2. 2. 09:35
<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) 2008.02.02
html문서 없이 이미지 새창띄우기  (0) 2008.02.02
접속 할 때마다 램덤으로 다른 이미지 띄우기  (0) 2008.02.02
이미지 갤러리 만들기 <2>  (0) 2008.02.02
이미지 슬라이드  (0) 2008.02.02
이미지 슬라이드  (0) 2008.02.02
이미지 슬라이드  (0) 2008.02.02
은은하게 변하는 롤오버 이미지  (0) 2008.02.02
Posted by 알 수 없는 사용자
,

티스토리툴바