Replace Image

[iTech]

Is there a way to replace an image that's already loaded where you have the ImageLoader being loaded in a queue and the name of the ImageLoader instance.

 

Can I just use the same ImageLoader instance name?

 

For example:

queue.append( new ImageLoader("img/photo1.jpg", {name:"photo1", container:this, alpha:0, width:250, height:150, scaleMode:"proportionalInside"}) );
queue.append( new ImageLoader("img/photo5.jpg", {name:"photo1", container:this, alpha:0, width:250, height:150, scaleMode:"proportionalInside"}) );

 

photo5 replaces photo1 instead of being placed on top of it.

 

The issue I have is that the images contain transparency and you end up seeing the previously loaded image beneath it. I've never had this problem before because I always used the DisplayObject beneat the image to create a background.

 

[Carl]

I don't know if I'm exactly following you.

You can use the same ImageLoader to load multiple images, to do that:

someImageLoader.url = "someNewImage.png"
someImageLoader.load(true) // true flushes the existing content

Doe that work for you?

[iTech]

If it's inside the queue that doesn't work then right?

[Carl]

It will work fine.

 

 

import com.greensock.*;
import com.greensock.loading.*;
import com.greensock.events.LoaderEvent;


var image:ImageLoader = new ImageLoader("crab.png", {container:this});
var lm:LoaderMax = new LoaderMax();
lm.append(image);
lm.load();


TweenLite.delayedCall(1, changeImage);
//after 1 second change image
function changeImage() {
image.url = "whale.png";
image.load(true);
}