Disjointed Rollovers w/ Swapped image using Image Map

[lahddah2]

Hi. I created a page w/ disjointed rollovers using JavaScript. When the user scrolls over the image nav on the left side of screen, the large image on the right side changes accordingly. However, I need the right side swapped images to use their own image maps. Meaning each swapped image will have it's own image map. Does anyone know how to do this? If this cannot be done in JS can it be done w/ DHTML or CSS?

Thanks in advance.
~l

 

[BillyRayPreachersSon]

You should be able to change the "usemap" attribute with script:

el.useMap = '#someMap';

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[lahddah2]

Thanks, BRPS...I should've included a bit of code, sorry. I used Dreamweaver for the rollovers (would rather use CSS, if anyone knows of some good script that would accomplish what I want!) Here's the code for one of the rollover images:

<a href="(LeftNav button URL Link)" onMouseOver="MM_swapImage('Mn_Image','','

http://www.imageThatWillSwapName.jpg',1)"><img

src="

http://www.imageToBeSwappedName.jpg"

alt="" name="groups" width="291" height="94" border="0" id="groups"></a>

I would like the 'imageThatWillSwapName.jpg' to - preferrably, use an image map - but at the very least, be able to link to a URL.

So - a user hovers over a Nav button on left, which, when clicked, will take the user to "LeftNav button URL Link". But, at the same time (on Hover), an image on the right hand side swaps out...when the user moves their mouse to that swapped image, I'd like them to be able to click on it and go to another URL.

Make sense?
~l

 

[lahddah2]

Okay - gave up on the JS for this functionality. Switched everything over to CSS and it seems to be working fine, image maps and all! NOW, I'm wondering if there's a way to put a 'swap' within a 'swap'. So image1 is being swapped out and image2 is taking it's place. Does anyone know how I can make it so that clicking on image2 will then make image2B take it's place? (Image2 has main information and image2B has 'sub' information on it)

Confusing.
~l