# Loader class

**URL:** https://forum.kirupa.com/t/loader-class/315330
**Category:** Uncategorized
**Created:** [October 23, 2010, 1:02am UTC](https://forum.kirupa.com/t/loader-class/315330 "2010-10-23T01:02:43Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![jagguy](https://avatars.discourse-cdn.com/v4/letter/j/b487fb/32.png) [@jagguy](https://forum.kirupa.com/u/jagguy)
#### Post date: [October 23, 2010, 1:02am UTC](https://forum.kirupa.com/t/loader-class/315330/1 "2010-10-23T01:02:43Z")

</div>

I am trying to load images via a class.  
It works but what happens is that the 2nd lot of images are diplayed on screen when my code wants the first lot of images displayed (url) and not url2 images.

```auto

 
//player
private function imageLoadedHandler(e:Event):void {
MyBData=myloader.LoadedUrlList;
trace("ggg"+MyBData.length );
 
 
 
 
}
 
private function imageLoadedHandler2(e:Event):void {
// MyBData2=myloader.LoadedUrlList;
trace("ggg2==="+MyBData2.length );
trace("Globalvars.vars.noLoaded" +Globalvars.vars.noLoaded);
trace("complete"); 
 
img1=new Bitmap(MyBData[0]);
img1.bitmapData = MyBData[0];
addChild(img1);
_y=64;
_x=100;
img1.y=posY(_y);
img1.x=_x;
img1.visible=true;
 
}
 
 
//load class
public function loadUrls(urls:Array,noImages:int) {
 
totalImg=noImages;
 
for each (var el:String in urls) {
var loader:Loader = new Loader;
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);
loader.load(new URLRequest(el));
 
trace(el + "dsds");
}
 
 
 
 
}//loadurls
 
private function imageLoaded(event:Event):void //player L
{
 
var Singleimage:Bitmap = new Bitmap(event.target.content.bitmapData);
 
var bmd=Singleimage.bitmapData;
_urllist.push(bmd);
 
_noLoaded++;
Globalvars.vars.noLoaded++;
 
if (_noLoaded==totalImg )
{
trace("heredsds");
dispatchEvent(new Event("image_loaded"));
}
 
}

```