Forum Moderators: open
I have a row of link images horizontally across the top of the page. Below that row is a single image. When one of the top row links is rolled over by the mouse I'm replacing the initially blank second image with an image that gives detail within the main category.
I want to link the detail text is to secondary pages by referencing an image map associated with the particular detail image. Since there are roughly five main categories, there are five corresponding secondary images that would need separate image maps... the detail text is not evenly spaced, so I can't use a single image map and change the link references. I'd rather not change the images.
Any ideas on how to do this?
thanks.
Maggie
[edited by: tedster at 1:51 am (utc) on April 15, 2003]
Well, it's not possible to dynamically change the image and image map the way you describe it. It would work in some browsers, but totally crash in others.
However, there's another option. Place each image in a separate div, and use the CSS visibility to hide/show the different divs. It gives the same effect, but is much more stabile, and much more cross-browser compatible.
