multiple rollover images change multiple images

[joshlindem]

I'm trying to build something a little unique for my opening page, but I keep running into a problem. I'll do my best to explain.

On my home page I have:

Image1 Image2 Image3 Image4 Image5

ImageA

Now what I'm trying to make happen is when a user places the mouse over Image1 it will change Image1 & ImageA. Upon moving off Image1, both Image1 & ImageA return to normal.

I want to have this happen with each of the 5 images (change the image you're rolling over and ImageA)

But right now when I do it, when the mouse moves off the main image, ImageA returns to normal but Image1 doesn't change back. And to add to this, as I move my mouse over the other Images the same thing happens.
So in the end ImageA returns to normal, but Images1 through 5 are stuck to their rollover images and don't revert back to the original image.

Thoughts, suggestions?
Thanks!

[shalom_m]

Here is how it is done: http://tutorials.alsacreations.com/modelesmenus/g02.htm

[joshlindem]

Originally Posted by shalom_m

Here is how it is done: http://tutorials.alsacreations.com/modelesmenus/g02.htm

I see what you're suggesting here, but it doesn't quite work for what I'm doing.

I have a center image (that never changes), and circling around that are 8 icons/images. Underneath the circle is an image placeholder.

The idea here is that when you move over Image1 it will change both Image1 and ImageA (what I called the placeholder).

Each image is different (image1 through image5) all have their own unique image for when the mouse rollsover, and ImageA changes to the type of category by the option of what Image the mouse is over.

What you suggest could work if my images would be all the same. Any other suggestions?

[shalom_m]

Is this what you has in mind?

http://www.cssplay.co.uk/menu/gallery.html

[nuideas]

i would look at doing a simple image replacement dude.

this is a good place to start :
http://pmob.co.uk/temp/navimagereplace.htm