Put this between the <head></head> tags (This part only needs to be inserted once):
<script language="javascript">
<!-- hide from old browsers
function js1_1() {
if (document.images) return true;
else return false;
}
function msOverOut(nme, src) {
nme.src = src;
return true;
}
// end hiding -->
</script>
For the image you want to change write this (This part can be duplicated as required):
<a href="your_link"
onmouseover="if (js1_1()) msOverOut(image_name,'mouseover_image_source')"
onmouseout="if (js1_1()) msOverOut(image_name,'normal_image_source')">
<img src="normal_image_source" name="image_name" border="0">
</a>
NOTE: The image(s) have to be a hyperlink for the mouseover to work.
If you do not want the images to link anywhere type the link as
<a href="#">.
| 
