Q708 Can I have a mouse over in a client side image map change a different image on the same page?

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

Try:

<MAP NAME="image-map">
<AREA SHAPE="RECT" COORDS="15,15,85,85" HREF="javascript:alert('red')"
    onMouseOver="if (document.images) document.images['otherimage'].src = 'image2.gif'"
    onMouseOut="if (document.images) document.images['otherimage'].src = 'image1.gif'">
</MAP>

<IMG SRC="image.gif" BORDER=0 WIDTH=100 HEIGHT=100 USEMAP="#image-map">
<IMG NAME="image1" SRC="image.gif" BORDER=0 WIDTH=100 HEIGHT=100>