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.