Adobe Dreamweaver CC 2014 v.13 - Manual (Page 722)

To the top
To the top
To the top
To the top
To the top
To the top
The Show-Hide Elements behavior shows, hides, or restores the default visibility of one or more page elements. This behavior is useful for
displaying information as the user interacts with the page. For example, as the user moves the pointer over an image of a plant, you could show a
page element giving details about the plant’s growing season and region, how much sun it needs, how large it can grow, and so on. The behavior
only shows or hides the pertinent element—it does not actually remove the element from the flow of the page when it is hidden.
1. Select an object and select Show-Hide Elements from the Add Behavior menu of the Behaviors panel.
If Show-Hide Elements is unavailable, you probably have an AP element selected. Because AP elements do not accept events in both 4.0
browsers, you must select a different object—such as the tag or a link () tag.
2. From the Elements list, select the element you want to show or hide and click Show, Hide, or Restore (which restores the default visibility).
3. Repeat step 2 for all remaining elements whose visibility you want to change. (You can change the visibility of multiple elements with a
single behavior.)
4. Click OK and verify that the default event is correct.
Apply the Show Pop-Up Menu behavior
This behavior has been deprecated as of Dreamweaver CS5.
Add, remove, and rearrange pop-up menu items
This behavior has been deprecated as of Dreamweaver CS5.
Format a pop-up menu
This behavior has been deprecated as of Dreamweaver CS5.
Position a pop-up menu in a document
This behavior has been deprecated as of Dreamweaver CS5.
Modify a pop-up menu
This behavior has been deprecated as of Dreamweaver CS5.
Apply the Swap Image behavior
The Swap Image behavior swaps one image for another by changing the src attribute of the tag. Use this behavior to create button rollovers
and other image effects (including swapping more than one image at a time). Inserting a rollover image automatically adds a Swap Image behavior
to your page.
Note: Because only the src attribute is affected by this behavior, you should swap in an image that has the same dimensions (height and width)
as the original. Otherwise, the image you swap in shrinks or expands to fit the dimensions of the original image.
There is also a Swap Image Restore behavior, which restores the last set of swapped images to their previous source files. This behavior is
automatically added whenever you attach the Swap Image behavior to an object; if you leave the Restore option selected while attaching Swap
Image, you should never need to select the Swap Image Restore behavior manually.
1. Select Insert > Image or click the Image button on the Insert panel to insert an image.
2. In the Property inspector, enter a name for the image in the leftmost text box.
It isn’t mandatory to name images; they’re named automatically when you attach the behavior to an object. However, it is easier to
distinguish images in the Swap Image dialog box if you name all the images beforehand.
3. Repeat steps 1 and 2 to insert additional images.
4. Select an object (generally the image you’re going to swap) and choose Swap Image from the Add Behavior menu of the Behaviors panel.
5. From the Images list, select the image whose source you want to change.
6. Click Browse to select the new image file, or enter the path and filename of the new image in the Set Source To box.
7. Repeat steps 5 and 6 for any additional images you want to change. Use the same Swap Image action for all the images you want to
change at once; otherwise, the corresponding Swap Image Restore action won’t restore all of them.
8. Select the Preload Images option to cache the new images when the page is loaded.
This prevents downloading delays when it is time for the images to appear.
9. Click OK and verify that the default event is correct.
715