# Image loading in random order using XML

**URL:** <https://forum.kirupa.com/t/image-loading-in-random-order-using-xml/309882>\
**Category:** flash\
**Created:** [May 26, 2010, 7:47pm UTC](https://forum.kirupa.com/t/image-loading-in-random-order-using-xml/309882 "2010-05-26T19:47:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![wdeva](https://avatars.discourse-cdn.com/v4/letter/w/cdc98d/32.png) [@wdeva](https://forum.kirupa.com/u/wdeva)\
**Post date:** [May 26, 2010, 7:47pm UTC](https://forum.kirupa.com/t/image-loading-in-random-order-using-xml/309882/1 "2010-05-26T19:47:03Z")

</div>

Hey guys,  
I’m currently doing up my flash gallery and there something bugging me.

I’m using XML to load my images dynamically  
and would like the images to appear in a horizontal manner.

image1 - image2 - image3 - image4 etc.

however, everytime i run the swf, the order of the images are randomized.  
Hope someone out that could give me some help

```auto

var portraiture_images:XMLList;
var portraiture_total:Number;
var container_portraiture:MovieClip;
var portraitureXMLLoader:URLLoader = new URLLoader();
var i=0;
var imageWidth = 0;
portraitureXMLLoader.load(new URLRequest("portraiture.xml"));
portraitureXMLLoader.addEventListener(Event.COMPLETE, processXML);

function processXML (e:Event):void
{
    var portraitureXML:XML = new XML(e.target.data);
    portraiture_images = portraitureXML.IMAGE;
    portraiture_total = portraiture_images.length();
    for(i=0; i<portraiture_images.length();i++)
    {
        callportraiture();
    }
}

function callportraiture():void
{
    var portraiture_url = portraiture_images*.@images;
    var portraiture_loader = new Loader();
    portraiture_loader.load(new URLRequest(portraiture_url));
    portraiture_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, portraitureLoaded);
}

function portraitureLoaded(e:Event):void
{
    var portraiture_image:Loader = Loader(e.target.loader);
    portraiture_image.x = imageWidth;
    mc_portraiture_images.addChild(portraiture_image);
    imageWidth = imageWidth + portraiture_image.width;
}

```

as my images are of different width, I made use of the imageWidth variable to keep track of where the X co-ordinate should be for the next image.  
Am i doing something wrong here?

Thanks in advance!