Loading multiple external images

Hello,

I’ve been racking my brain on this one and I just want to do something quite basic. I have 2 external images loading in my “Action” layer on the first frame. These load into movieclip containers which I want to tween / fade etc.

The images load OK into the containers only when both motion tweens start at frame one. As soon as I move the 2nd image along the timeline the second image does not display (only the container rectangle tweens).

Here is my current code. If there is an easier way to do this then fantastic. for example should i use UIloader instead. Any help would be appreicated. i’m a real newbie :slight_smile: I have found tutorials how to load one external image but I want to load multiple images and have them as a slideshow that moves.

var imageLoader1:Loader;
var imageLoader2:Loader;
 
function loadThisImage1([url:String):void](http://www.kirupa.com/forum/String):void) {
 imageLoader1 = new Loader();
 imageLoader1.load(new URLRequest(url));
 imageLoader1.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded1);
}
 
function loadThisImage2([url:String):void](http://www.kirupa.com/forum/String):void) {
 imageLoader2 = new Loader();
 imageLoader2.load(new URLRequest(url));
 imageLoader2.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded2);
}
 
function imageLoaded1(evt:Event):void {
  pic1.addChild(imageLoader1);
 
}
 
function imageLoaded2(evt:Event):void {
  pic2.addChild(imageLoader2);
 }
 
loadThisImage1("image1.jpg");
loadThisImage2("image2.jpg");

Thanks in advance.