Using the Rollovers palette

The Rollovers palette lets you create, view, and set options for the rollover states in an image. By default, every image has one state—the Normal state. The Normal state corresponds to the appearance of an image when it is first loaded into a Web browser and no rollover effects have occurred. You can add states to an image that will occur when a viewer performs a mouse action—such as rolling or clicking—over an area of the Web page.

In addition to rollover states, the Rollovers palette can display slices, image maps, and animations frames. Displaying slices and image maps helps you keep track of the elements in an image that contain rollover effects. Displaying animation frames makes it easy to see which states of an image contain animations.

The Rollovers palette with slices, image maps, and animation frames showing:

A. Normal state B. Image map with Down state C. Slice with animation frames in Over state

D. Layer-based slice with Over state and Down state

Displaying the Rollovers palette Choose Window > Rollovers. A check mark indicates that the palette is showing.

Using the Rollovers palette menu Click the triangle ® in the upper right corner of the palette to access commands for working with rollovers.

Displaying slices and image maps in the Rollovers palette Choose Palette Options from the Rollovers palette menu. Select or deselect Include Slices and Image Maps, and click OK.

Displaying animation frames in the Rollovers palette Choose Palette Options from the Rollovers palette menu. Select or deselect Include Animation Frames, and click OK.

Changing the size of rollover thumbnails Choose Palette Options from the Rollovers palette menu, and select a thumbnail size. For sizes other than None, select Object Bounds or Entire Document to determine the contents of thumbnails.

Expanding and collapsing states, slices, and image maps Click the triangle to the left of an item in the Rollovers palette.

Understanding Adobe Photoshop Features You Will Use

Understanding Adobe Photoshop Features You Will Use

Adobe Photoshop can be a complex tool only because you can do so much with it, however for in this video series, we're going to keep it as simple as possible. In fact, in this video you'll see an overview of the few tools and Adobe Photoshop features we will use. When you see this video, you'll see how you can do so much with so few features, but you'll learn how to use them in depth in the future videos.

Get My Free Video


Post a comment