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

irt.org | Knowledge Base | JavaScript | Image | Q837 [ previous next ]

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

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>

What's New

How to do the impossible with Google Gears

Out and About

Last Updated: 6th July 2009. Maintained by: Martin Webb and Michel Plungjan
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.