Creating remote rollovers


    You can set up a rollover to show or hide the content of a slice on another part of your Web page. ImageReady gives you control over which slices change on a rollover state, eliminating unwanted images and complexity.

    Note: In Photoshop 7.0 and earlier, all changes made to a document would appear when in a rollover state. This sometimes caused users to create state changes they didn't intend. In ImageReady CS, you have much more control over which slices change on a rollover state.

To create a remote rollover:

  1. Set up a rollover as you normally do. This becomes the button the user will click to display the remote content. See Creating rollovers.
  2. Add the remote content to the document and create one or more slices to contain it.
  3. For each rollover state, set the desired visibility of the remote content layers in the Layers palette.
  4. Specify which remote slices you want to include when you optimize output files in one of these ways:
    • To manually mark the remote slices for an individual button, go to the Slice column of the Web Content palette and select the rollover state that will trigger the remote rollover (for example, Down or Click). Drag the Pickwhip icon Pickwhip icon from the rollover state to the remote content slice in the document window.
    A rollover state targeted to a remote slice
    A rollover state targeted to a remote slice
    • To let ImageReady automatically find and mark all remote slices in the document, go to the Web Content palette menu and choose Find All Remote Slices.
    • To let ImageReady automatically find and mark remote slices for a selected state, go to the Web Content palette menu and choose Find Remote Slices For State.
  5. Preview the remote rollover in a browser. See Previewing rollover states.


How To Tips Learning Photoshop CS What's New in Photoshop CS Looking at the Work Area Getting Images into Photoshop and ImageReady Producing Consistent Color (Photoshop) Working with Color
Making Color and Tonal Adjustments Selecting Transforming and Retouching Drawing Painting Using Channels Using Layers
Applying Filters for Special Effects Using Type Designing Web Pages Creating Complex Web Graphics (ImageReady) Preparing Graphics for the Web Saving and Exporting Images Printing (Photoshop)
Automating Tasks Keyboard Shortcuts Tutorials Legal Notices Site Map    

Website Design
Website Maintenance
Graphic Design
Content Development
Website Redesign
Freelance Website Design
eCommerce Web Design
Content Management

Website Hosting
Get a Domain Name
Search Engine Optimization
Email Marketing

Adobe Illustrator Tutorials

About Me
View My Portfolio
FAQ
Contacts
Useful Links
Add Link
Articles

Link Partners: 3Ds Max Tutorials | Character Studio - Tutorials | Wholesale Electronics

© 1998 - 2004 Freelance Web Designer