Dreamweaver

Change image and AP element properties with timelines

In addition to moving AP elements with timelines, you can change the visibility, size, and stacking order of an AP element; you can also change the source file of an image.

  1. In the Timelines panel, do one of the following:

    • Select an existing keyframe in the bar controlling the object you want to change. (The start and end frames are always keyframes.)

    • Create a new keyframe by clicking a frame in the middle of the animation bar and choosing Modify > Timeline > Add Keyframe. You can instead create a new keyframe by Control‑clicking (Windows) or Command-clicking (Macintosh) a frame in the animation bar.

  2. Define new properties for the object by doing one of the following:

    • To change the source file of an image, click the folder icon next to the Src text box in the Property inspector, then browse to and select a new image.

    • To change the visibility of an AP element, select inherit, visible, or hidden from the pop‑up menu in the Vis text box of the Property inspector. Alternatively, use the eye icons in the AP Elements panel.

    • To change the size of an AP element, drag the AP element’s resize handles or enter new values in the Width and Height text boxes in the Property inspector. Not all browsers can dynamically change the size of an AP element.

    • To change the stacking order of an AP element, enter a new value in the Z‑Index text box or use the AP Elements panel to change the stacking order of the current AP element.

  3. Hold down the Play button to see the animation.