I feel your pain Neticule. That’s the exact reason why I posted this article.

Hi Serge,
There is a typo in the code. You need to change all the instances of addEventListner to addEventListener.

Hope this helps.. If your still having trouble let me know and I’ll build the actual loader for you so you can download it.

Hi Groggles,
I apologize for the late reply. Just got back from a well deserved holiday.

Do you still need help with this? Or have you worked it out?

@Groggles

There are a few ways you could achieve this and yes one of them is using an array.

For example lets say you were reading the images from an xml file you would do the following.

var numImages:Number; //declare total number of images var.
var imgLoadedCount:Number;//declare the image counter variable.

//once the xml is loaded start loading the images
function xmlReady(evt:Event):void {

xmlData = XML(xmlLoader.data);

//get the total number of images
numImages = xmlData.img.length();

for( var i:Number = 0; i < numImages; ++i ){

//get file name
var imageName:String = xmlData.img[i].toString();

var imgLoader:Loader = new Loader();

// when image is ready call the imgReady function that
will check if all images have been loaded.
imgLoader.contentLoaderInfo.addEventListener
(Event.COMPLETE, imgReady);

imgLoader.load(new URLRequest(imageName));

}
}

function imgReady(evt:Event):void{

imgLoadedCount++; //update the image loaded count

if(imgLoadedCount==numImages){
//all images have finished loading
}

}

Hope that makes sense…

Hi Pharos,
I was writing the response while you figured it out. Here it is any way..

var imgLoader:Loader = new Loader();
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler);
imgLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, preloaderHandler);

function loaderCompleteHandler(e:Event):void{
trace(‘Image has loaded.’);

//create movieclip that will hold the img
var imageHolder:MovieClip = new MovieClip();

//Add the holder to the stage
addChild(imageHolder);

//Save the loaded bitmap to a local variable
var image:Bitmap = (Bitmap)(e.target.content);

// add the image to the movieclip
imageHolder.addChild(image);

//position the holder to where you want
imageHolder.x = stage.width/2;
imageHolder.y = 50;
}

function preloaderHandler(e:ProgressEvent):void{
trace(‘bytesLoaded: ‘ + e.bytesLoaded);
trace(‘bytesTotal: ‘ + e.bytesTotal);
trace(‘percentage loaded: ‘ +
Math.round((e.bytesLoaded/e.bytesTotal)*100) + “%”);
}

imgLoader.load(new URLRequest(‘http://www.flashnutz.com/FN.jpg‘));