|
To
mask the layer named as 'Image Scroller' with the layer
named as 'Mask',
1.
Select the layer named as 'Mask'
2.
Choose Modify >
Layer
3.
In the Layer Properties panel select Type = Mask
as shown in the image given below,
4.
Hide the layer named as 'Mask'
5.
Select the layer named as 'Image Scroller'
6.
Choose Modify >
Layer
7.
In the Layer Properties panel select Type = Masked
as shown in the image given below,
1.
Select Frame 1 on the layer named as 'Image
Scroller'
2.
Choose
Edit > Edit in Place
3.
Rename the layer as 'Object' and delete the outline
of the rectangular object on the stage.
4.
Insert a new layer (Choose Insert
> Layer) above the
layer named as 'Object'
5.
Rename the layer as 'Load Images'
6.
On the layer named as 'Load
Images ',
draw a small circle with the 'Oval Tool'  ,
width = 7 px, height = 7 px, color value of the outline
= #000000 and color value of the fill = #000000
7.
Select the small circle along with its outline, convert it
into a Movie Clip with the top-left Registration
point selected and name it as 'load Image'.
8.
Select 'load image' Movie Clip at Frame 1 of
layer named as 'Load Images'. In
the Properties panel give an Instance name to
'load image'
Movie Clip as 'clip1'.
9.
Duplicate (Choose Edit > Duplicate)
the 'load image' Movie Clip 4 times and place
them beside each other, also give them Instance names
as clip2, clip3, clip4 and clip5.
1.
Insert a new layer (Choose Insert
> Layer) above the
layer named as 'Load
Images'
2.
Rename the layer as 'Actions'
3. Select Frame 1 on the layer named as 'Actions'
and
Choose
Window > Actions.
4. In the Frame Actions panel type the following ActionScript
as given below,
 |
 |
/*
Loading the images in their appropriate Movie Clips from
the folder named as 'images' */
loadMovie("images/image1.jpg","clip1");
loadMovie("images/image2.jpg","clip2");
loadMovie("images/image3.jpg","clip3");
loadMovie("images/image4.jpg","clip4");
loadMovie("images/image5.jpg","clip5");
/*
Setting the x and y position of Movie Clips in which
images are loaded */
setProperty("clip1",_x,_root.imagewidth*1);
setProperty("clip1",_y,0);
setProperty("clip2",_x,_root.imagewidth*2);
setProperty("clip2",_y,0);
setProperty("clip3",_x,_root.imagewidth*3);
setProperty("clip3",_y,0);
setProperty("clip4",_x,_root.imagewidth*4);
setProperty("clip4",_y,0);
setProperty("clip5",_x,_root.imagewidth*5);
setProperty("clip5",_y,0);
|
|
|
1.
Choose
Window >
Scene
2.
In the Scene panel select 'Scene 1' to go back
into Scene 1.
3.
Insert a new layer (Choose Insert
> Layer) above the
layer named as 'Main
Image Scroller'
4.
Rename the layer as 'Trigger'
5.
Create a Movie
Clip (Choose
Insert
> New Symbol)
and name it 'trigger' as shown in the image given below,
6.
Rename the 'Layer 1' as 'Actions'
7.
Select Frame 1 on the layer named as 'Actions'
and
Choose
Window > Actions.
8. In the Frame Actions panel type the following ActionScript
as given below,
|
|
/*
Below is the formula created for moving the 'scroller'
Movie Clip in an ease out form */
xpos = getProperty(_root.mainscroller.scroller,_x);
xpos2 = xposnew-xpos;
xmove = xpos2/_root.speed;
setProperty(_root.mainscroller.scroller,_x,
xpos+xmove);
|
|
|
9.
Select Frame 2 on the layer named as 'Actions'
and
Choose
Insert > Keyframe.
10. Choose Window > Actions,
in the Frame Actions panel type the following ActionScript
as given below,
 |
|
gotoAndPlay(1);
|
|
|
11.
Choose
Window > Scene
12.
In the Scene panel select 'Scene 1' to go back
into Scene 1.
13.
Choose Window > Library > trigger
(Movie
Clip)
14.
Drag the 'trigger' Movie Clip from the Library
and place it on the stage. It will appear as a dot since there
are no objects in the 'trigger' Movie Clip except Frame
Actions.
15.
In
the Properties panel give an instance name to 'trigger'
Movie
Clip as 'trig'.
Refer the image given below,
16. Choose Control > Test Movie
Thus Dynamic Image Slider is ready.
Regards,
All
accompanying logos, brands and product names are trademarks
of their respective companies.
|
