Rollover within a rollover, Urgent Help!! plzzzz

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

Can you show us a visual of what you are trying to accomplish?

What I have now is the idea that you want to rollover an image and have that
rollover reveal two new links within that trigger image, is that correct?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Zorrrro" <webforumsuser (AT) macromedia (DOT) com> wrote

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

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.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Zorrrro" <webforumsuser (AT) macromedia (DOT) com> wrote

Absolutely right.

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

Cheers Murray!

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.

SET TEXT would do it too, but that's a step up in complexity. It would be a
better way, in my opinion, though, since it does not require the use of
positioned container elements.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Osgood" <notavailable (AT) thisaddress (DOT) com> wrote

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

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