Untitled Document

Creating a Rollover- Fireworks 8

 

  1. Select the object you wish to create a rollover using, then choose Edit> Insert> Rectangular Slice. This creates a slice on top of the object you have chosen.
  2. Create a new frame in the Frames panel by clicking the New/Duplicate Frame button.

  1. Create, paste, or import the image you wish to have appear when on rollover. Position the image beneath the slice you created in Step 2, which should still show in Frame 2. (Note: Slices are visible across all frames.)
  2. Select Frame 1 in the Frames panel to return to the frame that has the original image.
  3. Select the slice and place the pointer over the behavior handle, which is the circle in the middle of the slice. The pointer changes into a hand.

  1. Click and drag the behavior handle to the upper left edge of the slice. A blue behavior line extends from the center to the upper left corner of the slice, and the Swap Image dialog box opens.

  1. In the Swap Image From pop-up menu, select the frame in which the image to be swapped is located, and click OK.
  2. Click the Preview tab to view and test the rollover, or press F12 to preview it in a browser.