# Preloader only appear after image finish loaded

**URL:** <https://forum.kirupa.com/t/preloader-only-appear-after-image-finish-loaded/304351>\
**Category:** flash\
**Created:** [February 5, 2010, 10:38pm UTC](https://forum.kirupa.com/t/preloader-only-appear-after-image-finish-loaded/304351 "2010-02-05T22:38:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Evael](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/evael/32/2603_2.png) [@Evael](https://forum.kirupa.com/u/Evael)\
**Post date:** [February 5, 2010, 10:38pm UTC](https://forum.kirupa.com/t/preloader-only-appear-after-image-finish-loaded/304351/1 "2010-02-05T22:38:33Z")

</div>

Hi,

Thanks for reading this thread. Am pretty new to AS3, so i might be asking silly question here…

I seriously have no idea if i wrote my script wrongly cause the preloader only appear after the image is loaded. so would really appreciate if someone can point out to me my mistake. Thanks

below is my code.

> var preloader\_mc:Mc\_preloader  
> for (var i:Number = 0; i\<15; i++) {  
> var productGroup:MovieClip = new MovieClip();  
> addChild(productGroup);

```
var variables:URLVariables=new URLVariables(myLoader.data);
var productImageArray:Array=variables.productImageThumb.split(" &lt;|&gt; ");
var productTitleArray:Array=variables.productTitle.split(" &lt;|&gt; ");
var productDesArray:Array=variables.productDesShort.split(" &lt;|&gt; ");

var productLoader:Loader = new Loader();

productGroup.y=i*130;
productLoader.load(new URLRequest("data/"+productImageArray*));

var productTitleText:TextField = new TextField();
productTitleText.width=370;
productTitleText.x=120;
productTitleText.y=0;
productTitleText.htmlText=productTitleArray*;

var productDes:TextField = new TextField();
productDes.width=370;
productDes.x=120;
productDes.y=productTitleText.height;
productDes.text=productDesArray*;

productGroup.addChild(productTitleText);
productGroup.addChild(productDes);

productGroup.addChild(productLoader);

```

productLoader.contentLoaderInfo.addEventListener(Event.INIT,addPreloader);  
productLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);

```
function addPreloader(evt:Event) {
    
    preloader_mc = new Mc_preloader();
    evt.target.content.parent.parent.addChild(preloader_mc);
    preloader3_mc.x=60;
    preloader3_mc.y=50;
}
function loadComplete(evt:Event) {
    
    evt.target.content.parent.parent.removeChild(preloader3_mc);
    
}

```

}