On mouseover image will change

Hi All,

i am giving the code snippet here so that you can understand what i am trying to achieve……. ?
<tr>
<td width=”208″ class=”brd” rowspan=”3″><img src=”../admin/upload/<?=$filename;?>” width=”400″ height=”300″ border=”0″></td>

<td height=”100″ valign=”middle” align=”center”><img src=”../admin/upload/<?=$pic1;?>” width=”100″ height=”75″ border=”0″></td>
<td height=”100″ valign=”middle” align=”center”><img src=”../admin/upload/<?=$pic2;?>” width=”100″ height=”75″ border=”0″></td>
</tr>
<tr>
<td valign=”middle” height=”100″ align=”center”><img src=”../admin/upload/<?=$pic3;?>” width=”100″ height=”75″ border=”0″></td>
<td valign=”middle” height=”100″ align=”center”><img src=”../admin/upload/<?=$pic4;?>” width=”100″ height=”75″ border=”0″></td>
</tr>
<tr>
<td valign=”middle” height=”100″ align=”center”><img src=”../admin/upload/<?=$pic5;?>” width=”100″ height=”75″ border=”0″></td>
<td valign=”middle” height=”100″ align=”center”><img src=”../admin/upload/<?=$pic6;?>” width=”100″ height=”75″ border=”0″></td>
</tr>

the $pic1,$pic2,$pic3…$pic6 are smaller images and the parent image is $filename.Now if i move the mouse pointer in pic1 then the mother image(filename) will be changed into pic1 image remaining in its original place.and so on…..

can you plz suggest me how can i do that.Is mouseover function will solve the problem…?or i think i have to write a small javascript function so that i can pass the id of pic1.pic2…to that function and if it is passed then the parent image will be changed to smaller image like pic1 or pic2 whatever it may be.

Thanks
Raj

Also in #JavaScript _↴