Editing rollover states

When you create a rollover state, ImageReady assigns the type of state by default; however, you can easily change the state. You can also use the Rollovers palette to target the image content of a state for editing.

To edit the image content of a state:

1. Select a state in the Rollovers palette. If necessary, expand the slice or image map to view its states. (See Using the Rollovers palette.)
2. Modify the layers used in the rollover state. (See About working with layers in rollovers and animations.)

To edit the mouse action for a rollover state:

1. Do one of the following:
• Double-click a rollover state in the Rollovers palette.
• Select a rollover state in the Rollovers palette, and choose Rollover State Options from the palette menu.
2. Select a state, and click OK:

Over

Activates the image when the user rolls over the slice or image map area with the mouse while the mouse button is not pressed. (Over is automatically selected for the second rollover state.)

Down

Activates the image when the user presses the mouse button on the slice or image map area. The state appears as long as the viewer keeps the mouse button pressed down on the area.

Click

Activates the image when the user clicks the mouse on the slice or image map area. The state appears until the viewer moves the mouse out of the rollover area.

Note: Different Web browsers, or different versions of a browser, may process clicks and double-clicks differently. For example, some browsers leave the slice in the Click state after a click, and in the Up state after a double-click; other browsers use the Up state only as a transition into the Click state, regardless of single- or double-clicking. To ensure your Web page will function correctly, be sure to preview rollovers in various Web browsers.

Custom

Activates the image of the specified name when the user performs the action defined in the corresponding JavaScript code. (You must create JavaScript code and add it to the HTML file for the Web page in order for the Custom rollover option to function. See a JavaScript manual for more information.)

None

Preserves the current state of the image for later use, but does not output an image when the file is saved as a Web page.

Selected

Activates the rollover state when the user clicks the mouse on the slice or image map area. The state appears until the viewer activates another selected rollover state, and other rollover effects can occur while the selected state is active. For example, a selected state for one button and an over state for another button can occur simultaneously. However, if a layer is used by both states, the layer attributes of the selected state override those of the over state.

Select Use as Default Selected State to activate the state initially when the document is previewed in ImageReady or loaded into a Web browser.

Out

Activates the rollover state when the user rolls the mouse out of the slice or image map area. (The Normal state usually serves this purpose.)

Up

Activates the rollover state when the user releases the mouse button over the slice or image map area. (The Normal state usually serves this purpose.)