Featured Flash FLA 11336 Flash Movies | 2 New Flash Movies Added What's New | Top 100 Featured FLA » Author: Surjit Dhami » Title: Book » Description: Book » More by Surjit Dhami Random FLAs | Add Flash Movie Featured Flash Site 5848 Flash Sites | 0 New Flash Links What's New | Top 100 Flash Site Featured Site » Posted in the Flash Kit Links section » Title: All-American Rejects » Description: Get to know this great band by exploring their "practice room". Random Links | Add your own Flash Related Links

1277 Tutorials 7 New Tutorials Added! What's New | Top100 » Create xml slideshow with free template » How to Insert a Multilingual Subtitle Into Your Flash Video Studio » How to Create Cool Halloween Slideshow » Debugging flash using the Firebug console » Create Flash Slideshow on Blogger » FLASH TRICKS IN WEB ADVERTISING: FLASH BANNERS » HTML Photo Gallery Tutorial » Create your first flash site – PART 1 » How to Make a Flash Photo Gallery » Unknown Tag: Title10 Random Tutorial | Add Site

Sr Instructional Designer D2L-Moodle,Clearance WSI Nationwide, Inc. US-NJ-Fort Monmouth Post A Job | Post A Resume

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Tips_And_Techniques

East Yet Advanced Preloader
Author: Kenton Hamaluik

Actionscript

Actionscipt can seem really daunting to some, so I will try to make it as easy as possible. It greatly helps if you know dot syntax, but you won't suffer if you don't. Actionscipt is always easier to find and work with, etc when its on it's own layer.

Create a new layer on the main timeline, and call it "Actions". The layer should be blank. Create three keyframes in it. Now on the first layer with all your content on it, select frame 3 and press F5.

On the actions layer, we will detect the total size of the flash movie, and detect the total amount of it that is loaded. We will then get a percent from these two values, then control what the textbox says, and what the bar does. You will notice i use

 _root. 

In the first frame of the actions layer, add these actions:

_root.bytesLoaded = _root.getBytesLoaded();
_root.bytesTotal = _root.getBytesTotal();
_root.percentLoaded = Math.round(100*(_root.bytesLoaded/_root.bytesTotal));
_root.percentLoadedText = _root.percentLoaded+"%";
_root.bar.gotoAndStop(percentLoaded);

I will explain this code on the next page, but for now just add the actions. Now in frame 2 of the "Actions" layer, as this code:

if (_root.percentLoaded==100){
 gotoAndPlay(3);
}else{
 gotoAndPlay(1);
}

This checks to see if its all loaded, if it is go to the third frame, or your intro animation. If not, go back and refresh yourself on the new amount loaded.

You are now finished your preloader - well, mostly anyways. For details on how this works, and things you may wish to do, continue reading.

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1