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.
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();