Preload multiple jpgs individually

programming flash
1

Hello, I’m building gallery which loads dynamic jpgs from an xml into a movieclip which is scrolled. By now the script works fine but I want to add a preload bar to each of the jpgs while loading, and here is where I don’t know what’s wrong with the code.
Here it is:

[AS]
separation = 2;
archive = new XML();
archive.ignoreWhite = 1;
parse = function (success) {
if (success) {
_root.createEmptyMovieClip(“gallerymenu”, 20);
_root.gallerymenu._x = 50;
_root.gallerymenu._y = 70;
_root.gallerymenu._visible = 0;
for (i=0; i<this.firstChild.childNodes.length; i++) {
var button = _root.gallerymenu.attachMovie(“btgallery”, “button”+i, i);
button.textobt.text = this.firstChild.childNodes*.attributes.name;
button._x = i*(_root.gallerymenu[“button”+i]._width+separation);
button.targetgal = this.firstChild.childNodes*.childNodes.length;
button.targetimages = this.firstChild.childNodes*;
button.onRelease = function() {
clipArray = new Array();
sizeArray = new Array();
// create arrays from the xml nodes
for (var j = 0; j<this.targetgal; j++) {
clipArray.push(this.targetimages.childNodes[j].attributes.urls);
sizeArray.push(this.targetimages.childNodes[j].attributes.image_w);
}
//trace(clipArray);
//trace(sizeArray);
var imagewidth:Number= 0;
for (var k = 0; k<clipArray.length; ++k) {
// // loops through array and dynamically creates containers for each url and attaches preloader instances
var clip:MovieClip = _root.holder.createEmptyMovieClip(“clip”+k, k);
_root.holder.holderload.attachMovie(“preloader”, “preloader”+k, k);
_root.holder.holderload[“preloader”+k]._x = imagewidth;
targetpreloader = _root.holder.holderload[“preloader”+k];
// //preloading function
my_mc = new MovieClipLoader();
preload = new Object();
my_mc.addListener(preload);
preload.onLoadStart = function(targetMC) {
trace(“started loading “+targetMC);
};
preload.onLoadProgress = function(targetMC, lBytes, tBytes) {
targetpreloader.bar._width = (lBytes/tBytes)*100;
targetpreloader.pText.text = “Loading image”+Math.round((lBytes/tBytes)*100)+”%”;
};
preload.onLoadComplete = function(targetMC) {
//targetpreloader.removeMovieClip ();
trace(targetMC+" finished");
};
// //end of preloading function
my_mc.loadClip(clipArray[k], clip);
// spacing
clip._y = 25;
clip._x = imagewidth;
var incremento:Number = Number(sizeArray[k]);
var imagewidth:Number = imagewidth + (incremento +10);
//trace (imagewidth);
//
}
}
button.onRollOver = function() {
this.bullet.gotoAndPlay(2);
};
button.onRollOut = function() {
this.bullet.gotoAndPlay(1);
};
}
_root.gallerymenu._visible = 1;
}
};
archive.onLoad = parse;
archive.load(“galleries.xml”);
stop();
[/AS]

Also I want to know if the jpgs can be loaded sequentially, I know I have to use the onLoadInit but don’t really know how.
Any help will be very appreciated.
Thank you.

By the way the xml I’m using to load the pictures is this:


<photo1>
	<gallery name="fashion1">
		<image urls="fashion1/01.jpg" image_w= "519"/>
		<image urls="fashion1/02.jpg" image_w= "501"/>
		<image urls="fashion1/03.jpg" image_w= "596"/>
		<image urls="fashion1/04.jpg" image_w= "500"/>
	</gallery>
	<gallery name="fashion2">
		<image urls="fashion2/01.jpg" image_w= "312"/>
		<image urls="fashion2/02.jpg" image_w= "322"/>
		<image urls="fashion2/03.jpg" image_w= "336"/>
		<image urls="fashion2/04.jpg" image_w= "320"/>
	</gallery>
	<gallery name="travel">
		<image urls="travel/01.jpg" image_w= "320"/>
		<image urls="travel/02.jpg" image_w= "366"/>
		<image urls="travel/03.jpg" image_w= "325"/>
		<image urls="travel/04.jpg" image_w= "400"/>
	</gallery>
</photo1>

here you can download the .fla and the other files If you wnat to see how it works. It’s only 520 kb
http://www.shaktiprod.com/scrollgallery.zip
Also you can see the gallery here:
http://www.shaktiprod.com/photo1/phototest5(mc).html