Skinning the loading animation

This explains how to skin the gridNavigation loading animation. The technique is different depending on whether you intend to publish for Actionscript 2 or Actionscript 3.

 

Actionscript 2

1. Open your Flash file that contains your project using the gridNavigation component.


2. Press Ctr+L (Win) or Cmnd+L (Mac) to open the Library panel.


3. From the menu in Flash, select Window > Common Libraries > gridNavigationLoadin skin in order to open the skin library.



4. Drag the loading_skin and loading_thumbnail_skin movieclips from the common library into the library of your current Flash file that you opened in step 2. You may now close the common library as you will only be working with the library in your current Flash file.



6. Change the movieclip loading_skin for animation of the big image.


7. Change the movieclip loading_thumbnail_skin for animation of the thumbnail image. You can then return to the main timeline.


8. Right click on the loading_skin and loading_thumbnail_skin movie clips that's in the Library and select linkage from the menu. Check Export for first frame and press OK.




9. Press Ctrl+Enter (Win) or Cmnd+Enter (Mac) to test your Flash file. You should see that the animation movieclip is changed if preloader component variable is set to true.

 

Actionscript 3

1. Double-click on the gridNavigation component clip on the stage to access its timeline. Move the timeline to frame 2.

 


2. Double-click the skin clip on the timeline to access its timeline. You can now edit the movie clips that make up the loading animation.

 


3. Save and test your file.