Attaching multiple images - load images one at a time?

programming flash
1

I have a photo gallery that loads many images using a for loop (image data is from XML file). Simplified code looks like this:


var photos_xml = new XML();
photos_xml.ignoreWhite = true;
photos_xml.onLoad = function(success) {
    if (success) {
        var photos = photos_xml.firstChild.childNodes;
        var itemCount = 0;
        for (var i = 0; i < photos.length; i++) {
            var path = photos*.attributes.path;
            // attach the photos                      
            var photo_mc = _root.center_mc.photosLevel1_mc.attachMovie("photoFrame_mc", photoName, itemCount);
            photo_mc.empty_mc.loadMovie(path);
            itemCount ++

...

Then on the photoFrame_mc clip I have a loading like:


onEnterFrame = function () {
    loader_mc._visible = false;
    var t = empty_mc.getBytesTotal();
    var l = empty_mc.getBytesLoaded();
    percent = Math.round((l / t) * 100);
    if (l == t && t != undefined && t > 10) {
        loader_mc._visible = false;
        delete this.onEnterFrame;
    } else {
        loader_mc._visible = true;
        if (isNaN(percent)) {
            percent = 0;
        }
        loader_mc.percent_txt.text = 10 - Math.round(percent / 10);
    }
};

So what happens now is that many images get attached at once and they are all loading at the same time.

What I’d like to do instead is to have them load one at a time. The first pass through the for loop attaches an image and then it loads, but it doesn’t move on to the next image until the first one is done loading. Is that possible?

Or maybe is it better to let them load all at once? I just think that when the image count is very large it will really bog down loading so many images at once and it might be best to load one at a time. Please advise.