Q837 How can I make an image appear in a specific location using onMouseOver, and not replace the image the mouse is over?

You are here: irt.org | FAQ | JavaScript | Image | Q837 [ previous next ]

Create a blank image that is swapped:

<SRC IMG="blank.gif" NAME="blank" WIDTH="100" HEIGHT="100>

<P>
<A HREF="home.htm"><IMG SRC="home.gif" onMouseOver="if (document.images) document.images['blank'].src = 'home.gif'" onMouseOut="if (document.images) document.images['blank'].src = 'blank.gif'" BORDER="0" HEIGHT="100"
WIDTH="100"></A>
</P>

<P>
<A HREF="links.htm"><IMG SRC="links.gif" onMouseOver="if (document.images) document.images['blank'].src = 'links.gif'" onMouseOut="if (document.images) document.images['blank'].src = 'blank.gif'" BORDER="0" HEIGHT="100" WIDTH="100"></A>
</P>

<P>
<A HREF="email.htm"><IMG SRC="email.gif" onMouseOver="if (document.images) document.images['blank'].src = 'email.gif'" onMouseOut="if (document.images) document.images['blank'].src = 'blank.gif'" BORDER="0" HEIGHT="100" WIDTH="100"></A>
</P>