# Several Thumbnails with their own preloaders

**URL:** <https://forum.kirupa.com/t/several-thumbnails-with-their-own-preloaders/230002>\
**Category:** flash\
**Created:** [June 21, 2007, 10:03pm UTC](https://forum.kirupa.com/t/several-thumbnails-with-their-own-preloaders/230002 "2007-06-21T22:03:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ocsherret](https://avatars.discourse-cdn.com/v4/letter/o/e5b9ba/32.png) [@ocsherret](https://forum.kirupa.com/u/ocsherret)\
**Post date:** [June 21, 2007, 10:03pm UTC](https://forum.kirupa.com/t/several-thumbnails-with-their-own-preloaders/230002/1 "2007-06-21T22:03:36Z")

</div>

[SIZE=4]ACTIONSCRIPT 3.0 Question.[/SIZE]

Hey, I know how to load several thumbnails at once however I do not know how to give each thumbnail its own personal preloader.

For example I am doing this (THIS IS JUST AN OUTLINE OF WHAT I’M DOING)  
everything is declared and etc.

function menu(){  
for(expression){  
var thumb:Loader= new Loader()  
thumb.load(request);  
thumb.contentLoaderInfo.addEventListener(Event.OPEN,showPreloader);  
thumb.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,showProgress);  
thumb.contentLoaderInfo.addEventListener(Event.COMPLETE,showLoadResult);  
addChild(thumb);  
}

}  
private function showProgress(evt:ProgressEvent){  
“the code for the bytes loaded and what not”  
}  
private function showLoadResult(evt:Event){}

Now how can I make a simple preloader become attached to each individual thumbnail?  
To see a preview of what I’m trying to make better is this site  
[www.oliversherret.com](http://www.oliversherret.com) You will see that the thumbnails have no preloader.

or even better, a preloader that loads all the thumbnails at once then displays them.
