Closed Thread Icon

Topic awaiting preservation: text-rollovers combined with image-rollovers (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=8251" title="Pages that link to Topic awaiting preservation: text-rollovers combined with image-rollovers (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: text-rollovers combined with image-rollovers <span class="small">(Page 1 of 1)</span>\

 
GRUMBLE
Paranoid (IV) Mad Scientist

From: Omicron Persei 8
Insane since: Oct 2000

posted posted 08-05-2002 14:25

this is also a CSS thing, but most JS.

i have a couple of navigation elements on the left side navigation bar on my page.
they are links to other pages and use a normal A.hover style for the rollovers.

then on the top navigation bar i have the same links in form of images. these use a JS created by dreamweaver to do the rolling over.

now what i want is to combine them. if i roll over a textlink then also the specific images rolls over and if i roll over an image the texlink should roll over (change to A.hover state. dont know if this is possible).

understandable?
thanks!

GRUMBLE
Paranoid (IV) Mad Scientist

From: Omicron Persei 8
Insane since: Oct 2000

posted posted 08-05-2002 14:35

ok, i already got it from the text to image side.
but the other direction is making me problems.

someoneInverse
Bipolar (III) Inmate

From:
Insane since: May 2002

posted posted 08-05-2002 16:33

there's probably a few ways to do this but a quick and easy way would be to define a style class for the active link text (linkOn, say) and on the img mouseOver event set
document.getElementById("linkID").className = "linkOn";

and onMouseOut, just set
document.getElementById("linkID").className = "";

hth
I:.

« BackwardsOnwards »

Show Forum Drop Down Menu