Directions: Hover over the links and watch the image change on the top. In the code, place the url of the desired image and the site url in the corresponding numbers. Where it is written, "URL OF BASE IMAGE" place the url of the image which would be used as a base when no links are being hovered over. All images should be of the same dimensions. Change everything that are in Captial letters.

CODE:

<script language=JavaScript><!-- if (document.images) { image00 = new Image image01 = new Image image02 = new Image image03 = new Image image04 = new Image image00.src = "URL OF BASE IMAGE" image01.src ="IMAGE URL" image02.src = "IMAGE URL" image03.src = "IMAGE URL" image04.src = "IMAGE URL" }// --> </script> <div align="center"><img src="URL OF BASE IMAGE" border="0" name="affiliates" class="outline" hspace="2" vspace="2"></div> <a onMouseOver="document.affiliates.src=image01.src" onMouseOut="document.affiliates.src=image00.src" href="SITE URL" target="_blank" title="Gaby">Wake Up World</a><br> <a onMouseOver="document.affiliates.src=image02.src" onMouseOut="document.affiliates.src=image00.src" href="SITE URL" target="_blank" title="Felicity">Jazzy Jazz</a><br> <a onMouseOver="document.affiliates.src=image03.src" onMouseOut="document.affiliates.src=image00.src" href="SITE URL" target="_blank" title="Nabila">Arrow Up</a><br> <a onMouseOver="document.affiliates.src=image04.src" onMouseOut="document.affiliates.src=image00.src" href="SITE URL" target="_blank" title="Brittany">Radiant Hope</a><br> </td></tr></table>