Making things visible one at a time

Question

Hi I am hoping someone can help me out here!
I have one button, that when clicked should display several images, one at a time. At the minute they are all just coming on together, how do i seperate the functions so they come on individually, for example like bullet points, e.g click once and image1 appears, click again and image2 appears etc... so eventually all of the images are on screen, but they don't all just appear together, if that makes sense!
Thanks for reading

Answer 1

hey here is the code for ur task
import flash.events.MouseEvent;
var imageUrl:Array = new Array("images/image1.jpg",
   "images/image2.jpg",
   "images/image3.jpg",
   "images/image4.jpg");
var imageLoaded:Number = 0;
var loader:Loader;
var xPos:Number=50;
var yPos:Number=30;
clickButton.addEventListener(MouseEvent.CLICK,onClick);
function onClick(event):void{
loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onCom);
loader.addEventListener(IOErrorEvent.IO_ERROR,onErr);
loader.load(new URLRequest(imageUrl[imageLoaded]));
function onCom(event):void{
loader.content.x=xPos;
loader.content.y=yPos;
loader.content.width=100;
loader.content.height=100;
addChild(loader.content);
xPos+=110;
imageLoaded+=1;
if(imageLoaded>(imageUrl.length-1)){
clickButton.removeEventListener(MouseEvent.CLICK,onClick);
function onErr(event):void{
trace(event);
U can find the complete fla and the working swf here
http://www.4shared.com/file/1bu8Vjfx/clickImage.html