If you move a timeline??™s JavaScript code from its file of origin into an external JS file, serious
timeline execution problems can occur in some browsers. For this reason, I heartily recommend
leaving all your timeline code in its original file.
TIP TIP
576
Adding Advanced Design Features Part III
Creating Animations with Timelines
Dreamweaver provides an excellent tool for managing timelines??”the Timelines panel. Open it by choosing
Window ??? Timelines or using the keyboard shortcut Alt+F9 (Option+F9).
The Timelines panel (see Figure 17-1) uses VCR-style controls combined with a playback head, which is a
visual representation showing which frame is the current one. It gives you full control over any of the timeline
functions.
FIGURE 17-1
Dreamweaver??™s Timelines panel enables you to quickly and easily master animation control.
The Timelines panel has four major areas:
n Timeline controls: Includes the Timeline drop-down list for selecting the current timeline;
the Rewind, Back, and Play buttons; the fps (frame rate) text box; and the Autoplay and Loop
checkboxes
n Behavior channel: Shows the placement of any behaviors attached to specific frames of the
timeline
n Frames: Displays the frame numbers for all timelines and the playback head showing the current
frame number
n Animation channels: Represents the animations for any included AP elements and images
Adding AP Elements and Images
to the Timelines Panel
As with many of Dreamweaver??™s functions, you can add an AP element or an image to the Timelines panel in
more than one way.
Pages:
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051