오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 : http://www.yoonmi.net/zboard/study/study81.htm

먼저 그누보드 관련 질문이 아닌점 미리 사과 드립니다...

위 사이트 보시면 섬네일이미지에 마우스 클릭시 큰 이미지로 바뀌는데...

바뀌는 이미지를 스무스하게 페이드되면서 바뀌게 할려면 소스가 어떻게 들어가면 돼나요?

좀 도와주세요~~

<script language="JavaScript">
<!--
function transimg(place) {
if (place==1) dare.src="images/img1.gif";
if (place==2) dare.src="images/img2.gif";
if (place==3) dare.src="images/img3.gif";
if (place==4) dare.src="images/img4.gif";
}
// -->
</script>

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

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

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

</td>

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

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

</td>

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

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

</td></tr><tr>

<td width="122" height="151" align="center" valign="middle" bgcolor="#666666">

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

</td>

<td width="123" height="151" align="center" valign="middle" bgcolor="#666666">

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

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