# Preload every image in xml slide show

**URL:** <https://forum.kirupa.com/t/preload-every-image-in-xml-slide-show/262215>\
**Category:** flash\
**Created:** [June 4, 2008, 6:42am UTC](https://forum.kirupa.com/t/preload-every-image-in-xml-slide-show/262215 "2008-06-04T06:42:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![himanshu\_guru](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/himanshu_guru/32/3799_2.png) [@himanshu\_guru](https://forum.kirupa.com/u/himanshu_guru)\
**Post date:** [June 4, 2008, 6:42am UTC](https://forum.kirupa.com/t/preload-every-image-in-xml-slide-show/262215/1 "2008-06-04T06:42:46Z")

</div>

Hello Friends,  
i have made a slide show based on action script+xml. I want to show preload when every image load. But my my doesn’t work. Please help me. Any idea would appriciate.

Thanks in advance

here is my code:

var xml:XML = new XML();  
xml.ignoreWhite = true;

var urls:Array = new Array();  
var captions:Array = new Array();  
var whoIsOn:Number;  
var loaded:Number = xml.getBytesLoaded();  
var total:Number = xml.getBytesTotal();

xml.onLoad = function(success) {  
if(success) {  
trace((loaded/total)_100);  
var photos:Array = this.firstChild.childNodes;  
for (i=0; i\<photos.length; i++) {  
urls.push(photos_.attributes.url);  
captions.push(photos\*.attributes.caption);  
}  
}

```
holder.loadMovie(urls[0]);
caption.text = captions[0];
whoIsOn = 0;

```

};  
xml.load(“images.xml”);

\_root.previous.onRelease = function() {  
if (whoIsOn\>0) {  
whoIsOn–;  
holder.loadMovie(urls[whoIsOn]);  
caption.text = captions[whoIsOn];  
}  
};

\_root.next.onRelease = function() {  
if (whoIsOn\<urls.length-1) {  
whoIsOn++;  
holder.loadMovie(urls[whoIsOn]);  
caption.text = captions[whoIsOn];  
}  
};

---

<div class="post-metadata">

**Author:** ![mngBJ](https://avatars.discourse-cdn.com/v4/letter/m/a88e57/32.png) [@mngBJ](https://forum.kirupa.com/u/mngBJ)\
**Post date:** [June 4, 2008, 7:57am UTC](https://forum.kirupa.com/t/preload-every-image-in-xml-slide-show/262215/2 "2008-06-04T07:57:56Z")

</div>

try this one. i use this code for my gallery.

```auto

var xml:XML = new XML();
xml.ignoreWhite = true;

var urls:Array = new Array();
var captions:Array = new Array();
var whoIsOn:Number;
var loaded:Number = xml.getBytesLoaded();
var total:Number = xml.getBytesTotal();

function loadIMG(loadTargetMC:MovieClip, path:String){
	var mcLoader:MovieClipLoader = new MovieClipLoader();
	var listener:Object = new Object();
	
	listener.onLoadStart = function(target:MovieClip){
		target.loadMC._visible = false;
		target.loadMC.loadbar._xscale = 0;
	}
	listener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number){
		var percent:Number = Math.round(bytesLoaded/ bytesTotal * 100);
		target.loadMC.loadbar._xscale = percent;
	}
	listener.onLoadInit = function(target:MovieClip){
		target.loadMC.false;
	}
	mcLoader.addListener(listener);
	mcLoader.loadClip(path, loadTargetMC);
}

xml.onLoad = function(success) {
	if (success) {
		trace((loaded/total)*100);
		var photos:Array = this.firstChild.childNodes;
		for (i=0; i<photos.length; i++) {
			urls.push(photos*.attributes.url);
			captions.push(photos*.attributes.caption);
		}
	}
	loadIMG(holder, urls[0])
	//holder.loadMovie(urls[0]);
	caption.text = captions[0];
	whoIsOn = 0;

};
xml.load("images.xml");

```