Accessibility

Dreamweaver Documentation

Using the Image Viewer


Table of Contents

  1. Using the Image Viewer
  2. Image Viewer parameters

You can use the Image Viewer to display a series of images. The Image Viewer is useful in personal websites as a slide-show viewer for vacation photos or in e-commerce sites to showcase product photos.

Note: Website visitors must have Flash Player 7 installed to see any Image Viewers in your pages.

To use the Image Viewer in your page:

  1. Place the insertion point in your page where you want the Image Viewer to appear and do one of the following:
    • In the Flash Elements category on the Insert bar, click the Image Viewer icon.
    • Select Insert > Media > Image Viewer.

    The Save Flash Element dialog box appears.

  2. Browse to a location in your site to save the element, enter a name for the element, and click Save.

    Note: It's a good idea to save the Flash element in the same Dreamweaver site as the page to which you are adding the Image Viewer.

    The Flash element placeholder appears in your page and the Tag inspector opens.

  3. Select the Flash element placeholder. In the Tag inspector (Window > Tag inspector), click in the field beside the imageURLs parameter, and click the Edit Array Values icon at the end of the line.

    The Edit imageURLs dialog box appears.

  4. Click the Minus (-) button to remove placeholder elements; click the Plus (+) button to add images.

    You can add JPEG or SWF files.

    Note: It's a good idea to use files that are located in the same Dreamweaver site as the page to which you are adding the Image Viewer.

  5. You can use the Tag inspector to set other parameters for the Image Viewer.

    For more information about the parameters, see Image Viewer parameters.

    Note: You can also set properties for the Image Viewer in the Property inspector. For more information, select the Flash element, and click the Help icon in the Property inspector.

  6. Click the Play button in the expanded Property inspector to start the Image Viewer, and use the following Image Viewer controls to view images:
    • Click the Next or Previous button to view sequential images.
    • Enter a number in the text box to skip to a specific image.
    • Click the Play button to view the images as a slide show; click the Stop button to stop the slide show format.
  7. Click the Stop button in the expanded Property inspector to stop playing the Image Viewer.