|
Create the layers for your slideshow
To create a slideshow, you begin by putting each image in a layer and then position layers on top of each other. Although using same-size images is not necessary for the technique to work properly, it makes the transitions between images smoother and more like an actual slideshow. Similarly, positioning the layers at the same coordinates helps to keep the user's attention focused on a single spot.
To create layers for your images:
| 1 |
In your Dreamweaver document, insert a layer by choosing Insert > Layer or by dragging the layer object from the Object palette to the Document window. |
| 2 |
With the cursor inside the layer, choose Insert > Image or click the image object in the Object palette. |
|
The Property inspector shows image properties; enter or browse to the file name for your image source. |
| 3 |
Click the layer's boundary to select it, and in the Property inspector enter left, top, height, width, visibility, and z-index for the layer. |
|
The hand-coded example file shows a left coordinate of 220 and a top coordinate of 125. You can use any coordinates as long as you use the same coordinates for each image; each layer should be positioned at the same top and left coordinates, so that they're stacked on top of each other. Set the layer's height and width to the height and width of the image it contains. Set the visibility to hidden and the z-index to 1. |
| 4 |
Repeat steps 1through 3 for each image in your slideshow. |
| 5 |
Use the Layer inspector (Window > Layers) to track and select your layer. |
|
Because the layers are hidden, they are only visible when selected. |
 |
|
 |
 |
|
