disjoint rollovers in different frames 1

[goaganesha]

Hi,

Can someone refere me to a good tutorial on how to make a disjoint rollover where the button which triggers the action is in another frame than the images which has to change on rollover?

regards, goaganesha

 

[TECHMAN007]

This is actually a very simple proceedure. I'll walk you through it fast.


1. Create your framesets in dreamweaver.
2. Insert your images in your individual frames.
3. Name your images.
4. Choose your image you want you want the mouseOver behavior on.
5. Select Add behavior and choose Swap Image
6. Select the images you want to swap on mouseOver.

Easy as that. If you have any more questions let me know.

 

[goaganesha]

thanks for the help,techman007,

I'll try it out and I'll let you know if I encounter any problems
regards, goaganesha

 

[goaganesha]

It works!

Thanks

 

[goaganesha]

Hi,

I now have encountered another problem. The button on which the mouseOver behavior is is allready a rolloverimage.
So when I roll over the button, both the button and the image change to the rollover state but on rollout only the image goes back to normal, the button won't restore the image. Can you help me on this one?

regards, goaganesha

 

[TECHMAN007]

Yep =).

If you add the behavior swap image restore behavior that should change the image back when you roll off of it =). If it doesn't let me know.

 

[goaganesha]

Thanks for the reply,

If I look at the behaviours for that image, there is 1 swapimagerestore(rollout) and there are 2 swapimages(rollover). If I want to add another swapimagerestore it's allways on rollover and not rollout. How can I change this?

Perhaps it's more easy if you take me through the steps from the point where I have a button which changes when I rollover it. Now the picture in the other frame should also change on rollover.

regards, goaganesha

 

[goaganesha]

Isn't there anyone who can help me with this?

regards, goaganesha

 

[TECHMAN007]

Just double click both MouseOver behaviors in your behavior list after you click on the image and make sure the restore on mouse out is checked. Thats all you should need to do to get both to restore on mouse out.

 

[goaganesha]

Hi techman007,

I really appreciate you're helping me but in both cases the restore on mouse out is checked and only 1 restores to the orriginal image. Maybe you could take a look at the code:

<a href=&quot;#&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('adres','','images/frames/adres_over.jpg',1);MM_swapImage('left_center?leftFrame','','images/frames/left_adres_over.jpg',1)&quot;><img name=&quot;adres&quot; border=&quot;0&quot; src=&quot;images/frames/adres_up.jpg&quot; width=&quot;45&quot; height=&quot;16&quot;></a>

regards, goaganesha

 

[TECHMAN007]

Sure Thing!

For starters you should only have one OnMouseOver Swap Image in your behavior window. If you have two delete one of em.

Once that is done double click the remaining one which should bring up the swap image window.
You should have a list of multiple &quot;Images&quot;. What you want to do is add the links to the two images you want to roll over. If this doesn't make any sense let me know and I'll try to explain it a bit better.

B-)

 

[goaganesha]

Thanks, It works now!

I tried to give you another star but it seems i can only give you 1 on each thread.

I really appreciate your help!
regards , goaganesha

 

[TECHMAN007]

N.P.

If you have any more questions I would be happy to help.