# Preloading thumbnails issue

**URL:** <https://forum.kirupa.com/t/preloading-thumbnails-issue/246618>\
**Category:** Uncategorized\
**Created:** [December 12, 2007, 8:34pm UTC](https://forum.kirupa.com/t/preloading-thumbnails-issue/246618 "2007-12-12T20:34:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kbd](https://avatars.discourse-cdn.com/v4/letter/k/e99b99/32.png) [@kbd](https://forum.kirupa.com/u/kbd)\
**Post date:** [December 12, 2007, 8:34pm UTC](https://forum.kirupa.com/t/preloading-thumbnails-issue/246618/1 "2007-12-12T20:34:44Z")

</div>

Hello,  
Can someone look over this and tell me why the only Preloader that is working is the last one in the array? But when I trace the loading progress it shows each individual image as being loaded ?? Essentially I am calling a movieclip from the library. I have my preloader there.  
Any help would be greatly appreciated.

```auto

var perRow:Number = 3;
var perCol:Number = 3;
var xspacing:Number = 100;
var yspacing:Number = 300;

var myImageArray:Array = [
["images/thumb_1.jpg"], 
["images/thumb_2.jpg"], 
["images/thumb_3.jpg"], 
];

var myTextArray:Array = [
["Text 1"], 
["Text 2"], 
["Text 3"], 
];

function createContainers(){
    for (var j:int =0; j<myImageArray.length; j++) {
        var newContainer:theContainer = new theContainer();
        var row:Number = Math.floor(j/perRow);
        var col:Number = Math.floor(j/perCol);
        newContainer.x=j*xspacing-(row*(perRow*xspacing));
        newContainer.y= row*yspacing;
        addChild(newContainer);
        trace(newContainer);
        newContainer.containerText.text=myTextArray[j];
        var imageloader:Loader = new Loader();
        imageloader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
        imageloader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loadProgress);
        var myrequest:URLRequest=new URLRequest(myImageArray[j]);
        imageloader.load(myrequest);
        newContainer.addChild(imageloader)
        }
        
function loadComplete(event:Event):void {
    trace("Complete");
    newContainer.loadingtxt.text="Complete";
    newContainer.loadingtxt.visible=false;
    newContainer.bar.visible=false;
    trace(myImageArray);
    
}
function loadProgress(event:ProgressEvent):void {
    
    var percentLoaded:Number = event.bytesLoaded/event.bytesTotal;
    percentLoaded = Math.round(percentLoaded * 100);
    newContainer.loadingtxt.visible=true;
    newContainer.loadingtxt.text="Loading: "+percentLoaded+"%";
    trace("Loading: "+percentLoaded+"%");
    newContainer.bar.scaleX = percentLoaded/100;

        }
}

createContainers();

```