Creating a Rollover

Like animations, rollovers depend on layers for their behavior. You designate a rollover on an image by changing the visibility of a layer s content. Follow these steps to create a rollover and change the color of the logo:

1. In the Layers palette, be sure that the Logo Black layer is displayed and the Logo Blue layer is concealed.

2. Choose Window ’ Web Content to display the Web Content palette, seen in Figure H9.14.

   
   Figure H9.14: The Web Content palette

3. In the Web Content palette, select the slice that includes the Logo layers, the one labeled slice 04 in Figure H9.14. Click the Create Rollover State button at the bottom of the Web Content palette. A new rollover state appears beneath the slice, labeled Over, as shown in Figure H9.15.

   
   Figure H9.15: Rollover states

4. In the Layers palette, conceal the Logo Black layer and reveal the Logo Blue layer (by clicking the visibility icons so they are selected and deselected, respectively). When the mouse is within the boundaries of the new slice, the black logo will be hidden and the blue logo revealed.