slice / rollover problem

Forum Moderators: not2easy

Message Too Old, No Replies

slice / rollover problem

i want 2 slices to rollover simultaneously

stef25

10:41 am on May 13, 2004 (gmt 0)

in the following image, how can i get the picture of the eyes and the "enter" sign to rollover simultaneously?

www.sk-audio.org/elka/front.htm

so when mouseover eyes, "enter" should light up and vice verca

right now i have a slice over each with a simple rollover behaviour

many thanks
stefan

dillonstars

11:16 am on May 13, 2004 (gmt 0)

I'm not sure how to do this with other applications but with Dreamweaver you can use the 'swap image' behaviour to change any image on the page to another on any rollover link..

Just make sure you give the images names (id=) so that they are easy to identify in the wizard.

You also need to use the 'swap image restore' behaviour if you want them to swap back when you roll off.

Rhys

8:47 pm on May 13, 2004 (gmt 0)

Hi - If you use simple html it works OK, and uses less code - 1.1kb instead of your present 3.5kb of DW's page code. E.G., ;

<HTML>
<HEAD>
<TITLE>Front Rollovers</TITLE>
<META name="description" content="">
<META name="keywords" content="">
<META name="generator" content="CuteHTML">
</HEAD>
<BODY BGCOLOR="#999999" TEXT="#000000" LINK="#0000FF" VLINK="#800080">
<img name="img1" src="front_r1_c1.gif" alt="" height="15" width="300" border="0"><br>
<a href="nextpage.htm" onmouseover="img2.src='front_r2_c1_f2.gif'; img4.src='front_r4_c2_f2.gif'" onmouseout="img2.src='front_r2_c1.gif'; img4.src='front_r4_c2.gif'"><img name="img2" src="front_r2_c1.gif" alt="" height="82" width="300"border="0"></a><br>
<img name="img3" src="front_r3_c1.gif" alt="" height="142" width="300"><br>
<a href="nextpage.htm" onmouseover="img2.src='front_r2_c1_f2.gif'; img4.src='front_r4_c2_f2.gif'" onmouseout="img2.src='front_r2_c1.gif'; img4.src='front_r4_c2.gif'"><img name="img4" src="front_r4_c2.gif" alt="" height="22" width="124" border="0"></a><br>

N.B. - The pics need to be in the same folder as this file.

stef25

11:39 pm on May 14, 2004 (gmt 0)

found another solution: put a simple rollover behaviour on the first slice and then drag along to the second slice

a window will open with some options

and voila!

dillonstars

1:58 pm on May 15, 2004 (gmt 0)

found another solution

That sounds easy.. what software are you using?

stef25

4:45 pm on May 15, 2004 (gmt 0)

fireworks mx, here is a copy paste from the Help file. its called a "disjoint" rollover

To apply more than one rollover to a selected slice:
Drag a behavior handle from the selected slice to the edge of the same slice or onto another slice.
Dragging the handle to the upper left edge of the same slice creates a swap image, and dragging it to another slice creates a disjoint rollover.

Select the frame of the swap image and click OK.
Create more rollovers by repeating steps 1 and 2 as many times as desired.