Andrew Christiensen said:

“Also, here are a few great tutorials on loading/parsing XML:
http://www.gotoandlearn.com/play?id=64
http://www.gotoandlearn.com/play?id=65”

but the tutorials have now moved to:

http://www.gotoandlearn.com/play.php?id=64
and
http://www.gotoandlearn.com/play.php?id=65
respectively

package proj
{
import flash.events.Event;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.net.URLRequest;
import flash.display.Bitmap;

public class DisplayTextsImages extends MovieClip {

public var myArr:Array = ['Monday', 'Tuesday', 'Wednesday', 'Thursday'];

public var imgLoader:Loader;
public var imgRequest:URLRequest;
public var image:Bitmap;

public var imgHolder:MovieClip;

public function DisplayTextsImages():void {

for ( var i:Number = 0; i < 8; i++ )
{
this[ 'btn' + i ].buttonMode = true;
this[ 'btn' + i ].id = i;
this[ 'btn' + i ].addEventListener(MouseEvent.CLICK, onClick);
this[ 'btn' + i ].addEventListener(MouseEvent.ROLL_OVER, onClick);
this[ 'btn' + i ].addEventListener(MouseEvent.ROLL_OUT, onClick);
}

loadImg();

}

public function onClick (e:MouseEvent):void
{
if (e.type == 'rollOver') e.target.alpha = .5
else if (e.type=='rollOut') e.target.alpha= 1
else if (e.type=='click')
{
// I'm lost here
txt.text= myArr[e.target.id];
loadImg(e.target.id);
}
}

public function loadImg():void
{
var imgURL:String = '_images/'; // I'm lost here

imgLoader = new Loader();
imgLoader.load(new URLRequest(imgURL));

imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imgLoaded);
}

public function imgLoaded(e:Event):void
{
var image = new Bitmap();
image = e.target.content;

imgHolder = new MovieClip();
addChild(imgHolder);
imgHolder.x = 200;
imgHolder.y = 30;
imgHolder.addChild(image);
}

}
}

First , Thanks for posting this tutorial!

Second, what if i want to load more than one images using an array and not using xml file?
How am i going about doing that?

package {
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.display.Loader;
import flash.text.TextField;
import flash.events.*;
import flash.net.*;

public class Content extends MovieClip {

public var projType:TextField;
private var imgFrame:Sprite;
private var imgLoader:Loader;

public function Content(txt) {

imgFrame = new Sprite();
imgFrame.graphics.lineStyle(1, 0x2C2F43, .3);
imgFrame.graphics.moveTo(0, 0);
imgFrame.graphics.lineTo(0, 150);
imgFrame.graphics.lineTo(270, 150);
imgFrame.graphics.lineTo(270, 0);
imgFrame.graphics.lineTo(0, 0);
addChild(imgFrame);

projType = new TextField();
projType.autoSize=”left”;
projType.height=26;
projType.htmlText=txt;
projType.x=imgFrame.x;
projType.y=imgFrame.y+imgFrame.height;
addChild(projType);

var imgLoader:Loader = new Loader();
imgLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgressStatus);
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoaderReady);

var fileRequest:URLRequest=new URLRequest(“assets/jpg/temp03.jpg”);
imgLoader.load(fileRequest);

}
public function onProgressStatus(e:ProgressEvent) {
// this is where progress will be monitored
trace(e.bytesLoaded, e.bytesTotal);
}

public function onLoaderReady(e:Event) {
// the image is now loaded, so let’s add it to the display tree!
addChild(imgLoader);
}
}
}

I get the following error when I run it:

TypeError: Error #2007: Parameter child must be non-null.
at flash.display::DisplayObjectContainer/addChild()
at Content/onLoaderReady()

I’m guessing I need to add the child onto an existing mc? I’m a little lost..

as3:
Use the setChildIndex() method or addChildAt() method.

I want the image to be displayed between objects in my scene.

you can see the URL here:
http://stage.indentstudios.com/cinerama/cinerama_header_v1.html

Here is a quick tutorial on doing something similar to this: http://www.thetechlabs.com/tutorials/xml/create-a-as3-slideshow-with-xml/