Dreamweaver

Use the Image Viewer Flash element

Adobe Dreamweaver CS3 contains a Flash element you can use in your pages: a Flash image viewer that can double as a web photo album.

The Image Viewer element is a resizable application for loading and viewing a series of JPEG or SWF images. You define a list of images, along with a link and caption for each image.

Users can view images in order with the previous and next buttons, or jump to a specific image by entering that image's number. You can also set the images to play in a slide-show format.

Note: Website visitors must have Flash® Player 7 or later installed to see any Image Viewers in your pages.
  1. Place the insertion point in your page where you want the Image Viewer to appear and select Insert > Media > Image Viewer.
  2. In the Save Flash Element dialog box, browse to a location in your site to save the element, enter a name, 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 if it’s not already selected.
  4. In the Tag inspector (Window > Tag inspector), click the field beside the imageURLs parameter, and click the Edit Array Values icon at the end of the line.
  5. In the Edit imageURLs Array dialog box, click the Minus (-) button to remove placeholder elements; to add images, click the Plus (+) button, click the folder icon next to the blank value line that appears, and select the image you want to add. 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.
  6. Click OK to close the Edit imageURLs Array dialog box.
  7. (Optional) Use the Tag inspector to set other parameters for the Image Viewer.
    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.
  8. With the Image Viewer placeholder selected, 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.

  9. Click the Stop button in the expanded Property inspector to stop playing the Image Viewer.

Image Viewer parameters

Parameter

Description

bgColor

Specifies the background color.

frameColor

Specifies the color of the border for the images. Set the frameShow parameter to Yes to see the border.

frameShow

Indicates whether a border appears around each image.

frameThickness

Specifies the size, in pixels, for the border around each image.

captionColor

Specifies the color of the image captions contained in imageCaptions.

captionFont

Specifies the font for the image captions contained in imageCaptions.

captionSize

Indicates the point size of the image captions contained in imageCaptions.

imageCaptions

Contains the captions for each image specified in imageURLs. Captions can be used for some, all, or none of the images.

imageLinks

Contains a URL for each image specified in imageURLs. LinkURLs can be used for some, all, or none of the images.

imageURLs

Contains the location of the images to appear in the Image Viewer. Only non-progressive JPEG or SWF files can be used.

imgLinkTarget

Specifies the browser window in which to load the URLs specified in linkURLs. This parameter can be set to _blank, _self, _top, or _parent.

showControls

Indicates whether the Image Viewer controls appear when the user plays the Flash Element.

slideAutoPlay

Determines whether to play the images in a slide show. If set to true, the images begin playing in a slide show as soon as the first image loads.

slideDelay

Indicates the amount of time, in seconds, to wait between each image when the Play button is pressed or autoPlay is enabled. Images can change less often than the time specified for this parameter if they take longer to load.

slideLoop

Specifies that the image slide show plays in a continuous loop.

title

Specifies the title that appears at the top of the Image Viewer.

titleColor

Specifies the color of the title contained in title.

titleFont

Specifies the font for the Image Viewer title contained in title.

titleSize

Indicates the point size of the Image Viewer title contained in title.

transitionsType

Indicates how images appear in the Image Viewer. Select from several loading options.