Question

i have multiple images that are created dynamically, and i want in some cases to change the image. i can save them in an array, but how can i change the image (load another image) by getting it from the array.
let’s say that i have an array:

var ImagesArray:Array = [];

and i push to it loader objects, and want to change (load new) image of ImagesArray[0] or ImagesArray[1]… like:

var loaderNew:Loader = new Loader();
loaderNew = ImagesArray[i];
loaderNew.load(new URLRequest("../lib/NewImg.png"));

Thanks,

Answer 1

You dont need to create new loader if you only want to change its image, here’s an example of function to update image url:

private function changeImageByIndex(i:int, url:String):void    
{
    var loader:Loader = ImagesArray[i] as Loader;
    if (!loader)
    {
        loader = new Loader();
        addChild(loader);       
        ImagesArray[i] = loader;
    }
    loader.load(new URLRequest(url));
}

If you have bitmap, use loadBytes() method instead load(), here’s example:

var bitmap:Bitmap = new Bitmap(new BitmapData(100, 100, true, 0xff0000));
var encoder:JPEGEncoder = new JPEGEncoder();
loader.loadBytes(encoder.encode(bitmap.bitmapData));