Creating rollovers

How To Render Cars In Photoshop

Learn Photo Editing

Get Instant Access

Rollovers are familiar Web effects. For example, many or even most Web pages feature some change in the appearance of a button or hotspot when you move the mouse over it, even though you don't click. This is a typical rollover state.

A rollover state is defined by the event that triggers the rollover behavior, such as a click, holding down the mouse (but not clicking), or just moving the pointer over that area of the image. For a description of the different rollover states available in ImageReady, see the sidebar "Rollover states in ImageReady," following below.

Secondary rollovers affect the appearance or behavior of other areas of the image when you perform the mouse action on the rollover button.

Only user slices can have rollover states. However, you can promote an auto slice to a user slice using the Slices > Promote to user slice command, and then assign rollover states to the slice.

Rollover states in ImageReady

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.

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 user 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.

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

Up Activates the image when the user releases the mouse button over the slice or image-map area. -From Adobe Photoshop 7.0 online Help

Was this article helpful?

0 0
Photoshop Secrets

Photoshop Secrets

Are You Frustrated Because Your Graphics Are Not Looking Professional? Have You Been Slaving Over Your Projects, But Find Yourself Not Getting What You Want From Your Generic Graphic Software? Well, youre about to learn some of the secrets and tips to enhance your images, photos and other projects that you are trying to create and make look professional.

Get My Free Ebook


Post a comment