Hi all

I'm trying to build a small navigation (2 links) within a rollover. So when
you mouse over a graphic, the 2 (clickable) links (two new rollovers) appear
within the first rollover graphic. I don't know if this is called Image Based
Navigation or what is it. I've been trying to search for simple free
javascripts that could do the job, without any luck.
If you know that answer or could offer some guidance, I'd be eternally
grateful and I'll pray for your soul for many moons.

All the best.

Zorrrro

Absolutely right.

If you go here you can see what I mean.
http://www.mindjuicer.com/rollover_conundrum.html

Cheers Murray!

Zorrrro wrote:
> Absolutely right.
>
> If you go here you can see what I mean.
> http://www.mindjuicer.com/rollover_conundrum.html


Thats not possible to do.

You'd would need to create hotspots on the image for that to work and to
my knowledge you cant do that using the built in swap image behaviour or
any other method I know.

since it looks like it part of a menu why not use a "flyout" menu that
supports images in the menus? That could easily do what you want.

Zorrrro skrev:
> Absolutely right.
>
> If you go here you can see what I mean.
> http://www.mindjuicer.com/rollover_conundrum.html
>
> Cheers Murray!
>
>
>

--
Kim
---------------------------
http://www.geekministry.com

Murray *ACE* wrote:
> This is what we would call "MYSTERY MEAT NAVIGATION", since you cannot
> know there are links until you rollover the brain image. That's a
> usability problem waiting to happen.
>
> You can do this in a number of ways - the choice would depend on your
> layout HTML infrastructure. But consider this thought example -
>
> * Create two images, one of the brain, and one of the mouseover image
> with the links (you already have these)
> * Place the first image on the page as you have
> * Place the second image in an absolutely positioned div, and move it so
> that it is exactly superimposed over the first image
> * Place your image maps on that SECOND image (the hotspots)
> * Hide the second image's div container
> * Select the first image and apply a SHOW/HIDE behavior to it, set to
> SHOW the second image's div onmouseover
> * Select the second image and apply a SHOW/HIDE behavior to it to HIDE
> the second image's div onmouseout
>
> I believe this will accomplish what you want.
>
> There are better ways to do this (in my opinion) but this one is pretty
> simple.
>

I'm not thinking logically today. Of course show hide layers would do this.

Murray *ACE* wrote:
> SET TEXT would do it too, but that's a step up in complexity.

Set text wouldn't do it would it? How do you get the hotspots onto the
one image which replaced the original image...the image has to be on or
hidden in the page surely for hotspots to be applied.

Yepppeeeeee...

Thank you all for all your help. Because of you and your suggestions I've
managed to sorted it out the way I wanted..

Basically I set up a rollover with the first full brain picture. When
activated the solid orange brain comes up. However the two links I saved them
highlighted separately as two separate files. Then I set up two hostspots to
cover the two links and on the behaviour for the rollover I added another
behaviour to swap images to new saved files, adding their separate links.

See it working here...
http://www.mindjuicer.com/rollover_conundrum.html

:-) ;- ))) ;-))))))

Yepppeeeeee...

Thank you all for all your help. Because of you and your suggestions I've
managed to sorted it out the way I wanted..

Basically I set up a rollover with the first full brain picture. When
activated the solid orange brain comes up. However the two links I saved them
highlighted separately as two separate files. Then I set up two hostspots to
cover the two links and on the behaviour for the rollover I added another
behaviour to swap images to new saved files, adding their separate links.

See it working here...
http://www.mindjuicer.com/rollover_conundrum.html

:-) ;- ))) ;-))))))

I just applied the 2 hotspots to the first image (full brain). I cut them to
cover half the brain where the two menus would appear with the rollover. Then
directed the 2 hotspots separately to the separated links' respective addresses
and voila.

;-)))))

That's what I say not 8) but :-))))).

Thank you for your knowledgeable advice and patience.

In appreciation I've just booked you a 'virtual' and refreshing trip to
Bora-Bora and that's not mystery. Just close your eyes and enjoy the welcoming
committee wriggling their hips for your amusement. ;-))