User Guide

Corel Painter 405
3 For each rollover slice, specify the
supported rollover states (Mouse
over - out or Mouse over - out -
click). You do this by choosing an
option from the Rollover State
pop-up menu in the Image Slicer
dialog box. For more information,
refer to the procedure, “To set slice
options:” on page 401.
Exporting Rollover Slices
Once you have defined slices, you are
ready to export the slices and the
associated HTML file. You must do a
separate export operation for each
rollover state.
Because there are two or three possible
states, you must do two or three
separate export operations. All the
Mouse out (default) images are
exported together, all the Mouse over
images are exported together, and all
the Mouse click images (if any) are
exported together.
To export rollover slices:
1 Set up your image so that all slices
display their Mouse out (default)
state.
This is how you want slices to
appear when the Web page first
loads. As mentioned in “Creating
Rollovers from Image Slices” on
page 404, this is often done by
hiding or showing layers, or by
changing the attributes of Shapes
or Dynamic Text.
2 On the Layers palette, double-click
the Image Slicing layer in the
Layer list.
3 In the Image Slicer dialog box,
click Export Settings for Current
Image State.
4 In the Export Settings dialog box,
enter the HTML and image export
locations.
5 Enable the Include JavaScript
check box, and enable the Mouse
out (default) option.
6 Click Export.
Corel Painter exports the slices and
the HTML file.
7 Click OK in the Image Slicer
dialog to return to the image.
8 Set up the image so that all slices
with rollovers display their Mouse
over state.
This is how you want slices to look
when the user's cursor passes over
them. You can choose to do this by
manipulating layers in your image.
9 On the Layers palette, double-click
the Image Slicing layer in the
Layer list.
10 In the Image Slicer dialog box,
click Export Settings for Current
Image State.
11 In the Export Settings dialog box,
enable the Include JavaScript
check box, and enable the Mouse
over option.
12 Click Export.
Corel Painter exports the Mouse
over slices and displays a
confirmation message.
13 Click OK in the Image Slicer
dialog to return to the image.
If slices in your image have a
Mouse click state, repeat steps 8
through 13 for this state.
14 Load the exported HTML file into
your Web browser and test the
rollover effects to make sure they
work as you intended.