Re: Javascript menus...

by Noone Special <pfarabee(at)indy.net>

 Date:  Tue, 7 Apr 1998 08:19:50 -0500 (EST)
 To:  Tom Byrum <tbyrum(at)thehill.org>
 Cc:  HWG Techniques <hwg-techniques(at)hwg.org>, HWG Graphics <hwg-graphics(at)hwg.org>
 In-Reply-To:  thehill
  todo: View Thread, Original
> http://www.thehill.org/~tbyrum/temp
> 
> you will see a simulated navbar. Now I have used JavaScript to replace
> images on a mouseover, but there is a flickering caused by the image
> replacement (as you scan over the image-mapped links). Is there any way of
> eliminating this?
<AREA blah blah onMouseOver="fastOff.src = fastOn.src; return true"
onMouseOut="fastOff.src='fast-off.gif';">

Is causing the image to be reloaded every time another area is moused
over.

put the mouseover on the entire image.. like:

<A HREF="this_url_doesn't_matter_because_the_imagemap_will_take_over"
onMouseOver="fastOff.src = fastOn.src;"
onMouseOut="fastOff.src='fast-off.gif';"><img
src="fast-off.gif" alt="Faculty / Staff" border=0 name="fastOff"
usemap="#fast"></A>

The reason I break up the
<A HREF="BLAH">
<IMG SRC="blah">
</A>

syntax like:
<A HREF="BLAH"><IMG
SRC="blah"></A>

is to avoid the space that can result before/after the image in the
anchor. (A newline is often rendered as an actual space, so I leave it out
between the tags and break the tags themselves up)

Unfortunately, I can't help with the other two questions.

Pat

HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.