Hi!
What I'm trying to achieve is a Complex Disjointed Rollover. A button that
when you rollover it it must change 2 pictures in 2 different tables.

left2 is the name of the id of one of the pics I need to change and upperLeft is the other. The rollover works for the left2 image (the picture changes when you rollover the button) but for upperLeft it does not.



Referring URL : http://62.103.162.94/peifasyn2/index.jsp

Hi there,

Yeah, you can do that, but not with Dreamweaver created code.

Here's what I would do.

1. Add on onmouseover attribute to the first image. Have it call the JavaScript function ChangeImage

2. Give your second and third image (the ones that need to change) a unique ID and name attribute.

3. Add the ChangeImage function

4. Add the following code to that function:

document.images["SecondImage"].src = 'NewSource2.gif';
document.images["ThirdImage"].src = 'NewSource3.gif';

Now, when the user hovers over the first image, the second and third image will change into NewSource2 and NewSource3 respectively.

Repeat the process for the onmouseout of the first image, so you can restore the images.

Does that help?


Imar


---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.