# XML load order wrong

**URL:** <https://forum.kirupa.com/t/xml-load-order-wrong/317252>\
**Category:** flash\
**Created:** [December 14, 2010, 11:16pm UTC](https://forum.kirupa.com/t/xml-load-order-wrong/317252 "2010-12-14T23:16:38Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tj99ay](https://avatars.discourse-cdn.com/v4/letter/t/ee7513/32.png) [@tj99ay](https://forum.kirupa.com/u/tj99ay)\
**Post date:** [December 14, 2010, 11:16pm UTC](https://forum.kirupa.com/t/xml-load-order-wrong/317252/1 "2010-12-14T23:16:38Z")

</div>

Hi All,

I’ve learnt recently that AS has an issue with loading data from an XML in the order that it is presented in the XML file and this is affecting an image Gallery which I created.

Basically the images are not displaying in the order I want and here is the code I am using (Note: All works fine under Windows, but run it under Linux and the load order is out):

```auto
import mx.transitions.Tween;
import mx.transitions.easing.*;
var myShowXML = new XML();
myShowXML.ignoreWhite = true;
myShowXML.load("slideshow.xml?"+Math.random());
//XMLUtils.sortXMLByAttribute(myShowXML,'count');
myShowXML.onLoad = function()
{ 
 
 _root.myWidth = 1080;
 _root.myHeight = 1920;
 _root.mySpeed = 2;
 _root.myImages = myShowXML.firstChild.childNodes;
 _root.myImagesNo = myImages.length;
 createContainer();
 callImages();
};

function createContainer()
{
 _root.createEmptyMovieClip("myContainer_mc",1);
 myContainer_mc.lineStyle(5,0x000000,100);
 myContainer_mc.lineTo(_root.myWidth,0);
 myContainer_mc.lineTo(_root.myWidth,_root.myHeight);
 myContainer_mc.lineTo(0,_root.myHeight);
 myContainer_mc.lineTo(0,0);
 myContainer_mc._x = (Stage.width - myContainer_mc._width) / 2;
 myContainer_mc._y = (Stage.height - myContainer_mc._height) / 2;
}
_global.xml_time = new Array();
function callImages()
{
 _root.myMCL = new MovieClipLoader();
 _root.myPreloader = new Object();
 _root.myMCL.addListener(_root.myPreloader);
 _root.myClips_array = [];
 _root.myPreloader.onLoadStart = function(target)
 {
  _root.createTextField("myText_txt",_root.getNextHighestDepth(),0,0,100,20);
  _root.myText_txt._x = (Stage.width - _root.myText_txt._width) / 2;
  _root.myText_txt._y = (Stage.height - _root.myText_txt._height) / 2;
  _root.myText_txt.autoSize = "center";
  _root.myText_txt.text = "test";
 };
 _root.myPreloader.onLoadProgress = function(target)
 {
  _root.myText_txt.text = "Now loading.. " +
_root.myClips_array.length + "/" + _root.myImagesNo + " Completed";
 };

 _root.myPreloader.onLoadComplete = function(target)
 {
  _root.myClips_array.push(target);
  target._alpha = 0;
  if (_root.myClips_array.length == _root.myImagesNo)
  {
   _root.myText_txt._y = myContainer_mc._y + myContainer_mc._height;
   _root.target_mc = -1;//moveSlide();
   //myShowInt = setInterval(moveSlide, (_root.mySpeed*1000)+1000);
  }  
 };
 //trace(_root.myClips_array);
 //myImages.sortOn(sort_array.attributes.count);
 //trace(_root.myImages);
 //_root.myImages.sortOn("count", Array.NUMERIC | Array.DESCENDING);
 //_root.myImages.sortOn("count", Array.NUMERIC | Array.DESCENDING);
 //_root.myImages.sortOn ("count");
 //
 //trace(_root.myImages[0].attributes.count);
 /*trace(_root.myImages[0]);
 trace(_root.myImages[1]);
 if(_root.myImages[1].attributes.count==1){
  _root.myImages[0].attributes.url=_root.myImages[1].attributes.url;
  trace("veve");
  }*/
 //trace(_root.myImages);
 
 / *****begin of sort array****** /
 var entry_items:Array = new Array(); 
 for (var i:Number = 0; i < _root.myImagesNo; i++)
  {
   var temp_item:Object = new Object();
   temp_item.count_num = Number(_root.myImages*.attributes.count);
   temp_item.entry = _root.myImages*;
   entry_items.push(temp_item);
  }
  
 entry_items.sortOn("count_num",Array.NUMERIC); 
 _root.myImages = []; 
 for (var i:Number = 0; i < entry_items.length; i++)
  {
   //trace(entry_items*.count_num);
   //trace(entry_items*.entry);
   _root.myImages* = entry_items*.entry;
   //trace(entry_items*.entry.attributes.url);
  } 
 / *****end of sort array****** /
 
 for (i = 0; i < _root.myImagesNo; i++)
 {
  temp_url = _root.myImages*.attributes.url;
  temp_mc = myContainer_mc.createEmptyMovieClip(i, myContainer_mc.getNextHighestDepth());
  xml_time* = _root.myImages*.attributes.duration;
  //trace("this xml_time " + xml_time*);
  
   
   
  //_root.myImages.count_num = _root.myImages*.attributes.count;
  
  _root.myMCL.loadClip(temp_url,temp_mc);
 }//i=0;
 
 //
 //_root.myImages = entry_items;
 //trace(_root.myImages[0]); 
}
_global.stop_time;
stop_time = 1000;
_global.num;
num = 0;
setTimer(stop_time);
function setTimer(stop_time)
{
 myShowInt = setInterval(Timer_1, stop_time);
}
function Timer_1()
{

 //trace("num is " + num);
 stop_time = xml_time[num];
 //trace("this stop_time " + xml_time[num]);
 if (num < (_root.myImagesNo-1))
 {
  moveSlide();
  num++;
 } else {
  moveSlide();
  num = 0;
  }
}
function moveSlide()
{
 current_mc = _root.myClips_array[_root.target_mc];
 new Tween(current_mc, "_alpha", Strong.easeOut, 100, 0, 1, true);
 _root.target_mc++;
 if (_root.target_mc >= _root.myImagesNo)
 {
  _root.target_mc = 0;
 }
 _root.myText_txt.text = _root.myImages[target_mc].attributes.title;
 next_mc = _root.myClips_array[_root.target_mc];
 new Tween(next_mc, "_alpha", Strong.easeOut, 0, 100, 1, true);
 clearInterval(myShowInt);
 setTimer(stop_time);
}

```

And here is the XML I am using:

```auto
<?xml version="1.0"?><slideshow id="18"><image url="green.jpg" title="" duration="10000" count="1"/><image url="yellow.jpg" title="" duration="5000" count="2"/><image url="pink.jpg" title="" duration="1500" count="3"/><image url="red.jpg" title="" duration="3000" count="4"/><image url="blue.jpg" title="" duration="2000" count="5"/></slideshow>

```

A friend who battles that same thing in Java suggested the problem lies here:

> I don’t know this programming language well enough to be able to tell you what to change. However your problem is that you are displaying  
> \_root.myClips\_array, and it will be in the order the images are  
> loaded, because of

\_root.myPreloader.onLoadComplete = function(target) {  
\_root.myClips\_array.push(target);  
}

That bit of code is called each time an image finishes loading. The  
just-loaded image is added to the end of myClips\_array, with no regard  
to the original image order. So you need to find some way to ensure  
the the loaded images are in the same order as in the xml file.

But I do not know how to change my code accordingly.

If anyone out there could lend a helping hand it would be greatly appreciated.

Thanks

Tim