Set Nav Bar Image

Set Nav Bar Image

Use the Set Nav Bar Image action to turn an image into a navigation bar image, or to change the display and actions of images in a navigation bar. (For more information, see Inserting a navigation bar.)

Use the Basic tab of the Set Nav Bar Image dialog box to create or update a navigation bar image or set of images, to change which URL is displayed when a navigation-bar button is clicked, and to select a different window in which to display a URL.

Use the Advanced tab of the Set Nav Bar Image dialog box to change the state of other images in a document based on the current button’s state. By default, clicking an element in a navigation bar automatically causes all other elements in the navigation bar to return to their Up states; use the Advanced tab if you want to set a different state for an image when the selected image is in its Down or Over state.

To edit a Set Nav Bar Image action:

  1. Select an image in the navigation bar to edit, and open the Behaviors panel.
  2. In the Behaviors panel, in the Actions column, double-click the Set Nav Bar Image action associated with the event you’re altering.
  3. In the Basic tab of the Set Nav Bar Image dialog box, select image edit options.

To set multiple images for a navigation bar button:

  1. Select an image in the navigation bar to edit, and open the Behaviors panel.
  2. In the Behaviors panel, in the Actions column, double-click the Set Nav Bar Image action associated with the event you’re altering.
  3. Click the Advanced tab of the Set Nav Bar Image dialog box.
  4. In the When Element Is Displaying pop-up menu, select an image state.
    • Select Down Image if you want to change the display of another image after a user has clicked the selected image.
    • Select Over Image or Over While Down Image if you want to change the display of another image when the pointer is over the selected image.

    For information about image states, see Using navigation bars.

  5. In the Also Set Image list, select another image on the page to set.
  6. Click Browse to select the image file to be displayed, or type the path of the image file in the To Image File text box.
  7. If you selected Over Image or Over While Down Image in step 4, you have an additional option. In the If Down, To Image File text box, click Browse to select the image file, or type the path to the image file to display.


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Inserting and Formatting Text
Adding Audio, Video, and Interactive Elements
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly