User Guide

Corel Painter 403
To ungroup slices:
• Click the Select tool and
Shift+click a grouped slice.
All slices are ungrouped. If you
ungroup a nested group, all levels
are ungrouped and the original
slices are displayed.
Creating Rollovers
Understanding Rollovers
Rollovers are interactive objects that
can change in appearance when you
click or point to them. They are often
used as navigation tools on the Web.
For example, you can make a button
change color when it is clicked or
display text when you point to it.
The rollover effect is accomplished in
the Web browser using JavaScript
image swapping. The idea is simple:
each rollover area uses two or more
separate images of the same
dimensions. In response to a user
action (like moving the pointer over
the image), one image is quickly
replaced by another.
A rollover in the Mouse out state (top) and the
Mouse over state (bottom).
In effect, this creates a simple
animation, and each of the separate
images can be thought of as frames in
that animation. For our purposes, we
refer to each frame as a “state.” Corel
Painter supports three possible states
for each rollover:
• Mouse out
—
This is the default
image. Corel Painter displays it
when the page first loads, and also
when the pointer moves off the
rollover. If the Web browser doesn't
support JavaScript image
swapping, this image is the only
one that will be displayed.
• Mouse over
—
This image displays
when the pointer moves over the
rollover.
• Mouse click
—
This image
displays when the user clicks the
rollover. When the user releases
the mouse button, the Mouse out
image is displayed again.
Not all browser versions support these
states. The Mouse over and Mouse out
states display in browsers that support
JavaScript 1.1 (Netscape Navigator 3.0
and higher and Microsoft Internet
Explorer 4.0 and higher).
The Mouse click state displays in
browsers that support JavaScript 1.2
(Netscape Navigator 4.0 and higher
and Microsoft Internet Explorer 4.0
and higher). Browsers that do not
support these versions of JavaScript
(like Netscape Navigator 2.0 and
Microsoft Internet Explorer 3.0), or
that don’t implement JavaScript at all,
do not display rollover effects.