Type this code after the ActionScript in the Source view.
Figure 8-29. Type this code inside the opening
tag.
2. The first part of the effect is a zoom. Between the tags, create a new tag that
defines the kind of animation (e.g., a zoom), the duration in milliseconds, and any other
needed attributes (e.g., the extent of zoom), as shown in Figure 8-30. As you can see, the zoom
lasts 100 milliseconds and scales to 1.4 times (or 140%) of the original size.
Figure 8-30. Create a new tag that defines the kind of animation.
3. Adding the glow effect is similar, except that it has more attributes. Add the code shown in
Figure 8-31 to your tag.
Figure 8-31. Adding the glow effect
172
CHAPTER 8
4. Now we??™ve defined what happens when a user rolls over a thumbnail, we need to define what
happens when they roll off it. For the rollout actions, create a new tag and follow
the same steps but reverse the values. For example, instead of scaling to 1.4 times the normal
size, scale back to 1 times the normal size (Figure 8-32).
Figure 8-32. Defining the rollout actions
5. Return to the Design view and select the thumbnail Image component. In the properties in the
Category view, type {out} for the rollOutEffect and {over} for the rollOverEffect. This will connect
the actions to the thumbnail images. Since we are using a repeater to create all the thumbnail
images except the first, these effects will be added to all the images (Figure 8-33).
Pages:
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133