|
1.
Choose Insert > New Symbol
2. Create a Movie Clip and name it as 'loading screen'.
3.
Draw a rectangle outline of Width=424px
X Height=242px in such a way that it's left side
top corner will come at the center.
4. Select the rectangle.
5. Choose Window > Panels >
Align
6. Press the below shown tabs in the Alignment panel
to place the rectangle in the exact place.
7.
Go back into the Scene 1
8. Insert a new layer above Scroll Buttons layer.(Choose
Insert > Layer)
9. Rename the layer as 'Loading Screen'.
10. Choose Window > Library >
loading screen movie clip.
11. Drag the loading screen movie clip on the stage
at Loading Screen layer.
12. Place the loading screen movie clip over the thumbnail
scroll movie clip.
13. Place
the loading screen movie clip at x
position=41 and y position=11
14.
Choose Window > Panels > Instance
15. In the Instance panel give an instance
name 'screen' to the loading screen
movie clip.
16.
Insert a new layer above Loading Screen layer.(Choose
Insert > Layer)
17. Rename the layer as 'Screen Image'.
To
give a nice look here we have imported an image of the screen
,which is transparent in the center.so that we can see the
loading images through it.
Draw
a light colored rectangle as a background for thumbnail scroll
behind the scroll movie clip.
Now we have to create 7 different images movies to load them
into the screen movie clip.
1.
Create a new movie with dimensions of 424px
X 242px.
2.
Import a big image of the first thumbnail. (Choose File
> Import)
3.
Place the image exactly at the center of the stage.
4. Save this file with name as 'clip1'.
Note:
The file should be saved at the same
location where your main file (Gallery) is.
5.
Choose
Control > Test Movie
and create a .swf file i.e clip1.swf
Similarly
create other six files for remaining six images and name it
as clip2,clip3,clip4....
Come
back into the main file i.e. Gallery.
**
Now let's understand the actions we have assigned to the thumbnail
buttons at the begining.
On the thumb1 button we have given following action:
|
on
(release)
{ |
|
|
loadMovie
("clip1.swf", "_root.screen"); |
|
} |
When
thumb1 button is released after pressing,this action will
load clip1.swf in the screen movie cilp. Same thing happens
with other thumbnail buttons. When thumb 2 button gets clicked
the clip2.swf will get loaded in the screen.
Choose Control > Test Movie
Thus our gallery is ready with thumbnails and their respective
images loading in the screen.
NOTE: If you are going
to use this gallery for online use like in web sites, then
you have to put loaders in each file and if you are using
this for offline use like for presentations then there is
no need of loaders.
Regards,
All
accompanying logos, brands and product names are trademarks
of their respective companies.
|
