Someone on a email list I am subscribed to asked about how to create a type of image gallery effect where you mouse over an image and a larger version of that image shows in another part of that same page. The example the person used was here: Stubbs Photos : Seniors

In Dreamweaver MX, this is how you create that effect:

1. First, you need to create a blank page and save it, for example: disjointed-roll.html
2. Next, you need to insert an image and then single-click it with your mouse
3. Now you need to "Name" it, that is give it a kind of "nickname" that the necessary Javascript code can know which image[s] to act on.
   
   
   
4. Insert a spacer or permanent state image. That is the image that is loaded when the HTML page first loads.
   - On that photo site, the picture of the guy in the brown shirt.
5. You also need to "Name" the separate image that will actually change when the other one is named.
   
   
   
6. Single-click on the image that when "moused-over" will change something else to select it
7. Then, go into the "Behaviors" palette and select the "+" button
8. Select "Swap Image" from the drop down list
9. See the two images we "named"??
10. Select the "spacer" image
11. Then click the "Browse" button to select the image you want to appear in place of the Spacer.jpg image when you mouseover the DWMX.jpg image.
    
    

You're done!!