# Multiple xml galleies, each in a movie clip

**URL:** <https://forum.kirupa.com/t/multiple-xml-galleies-each-in-a-movie-clip/245595>\
**Category:** Uncategorized\
**Created:** [December 1, 2007, 12:57pm UTC](https://forum.kirupa.com/t/multiple-xml-galleies-each-in-a-movie-clip/245595 "2007-12-01T12:57:27Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![namelesspace](https://avatars.discourse-cdn.com/v4/letter/n/f4b2a3/32.png) [@namelesspace](https://forum.kirupa.com/u/namelesspace)\
**Post date:** [December 1, 2007, 12:57pm UTC](https://forum.kirupa.com/t/multiple-xml-galleies-each-in-a-movie-clip/245595/1 "2007-12-01T12:57:27Z")

</div>

Hi i am trying to use a code i had for xml image gallery. only that this time i am trying to make a site with a few galleries each in a different movie clip but in the same scene. the first one works great but when i try to add the second one the thumbnails goes all mixed up. here is the code i use:

[AS]  
stop();  
function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
description = [];  
thumbnails = [];  
\_global.total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {  
image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;  
description\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
thumbnails\* = xmlNode.childNodes\*.childNodes[2].firstChild.nodeValue;  
thumbnailer(i);  
}  
firstImage();  
} else {  
trace(“file not loaded!”);  
}  
}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad =loadXML;  
xmlData.load();  
xmlData.load(“art.xml”);  
/////////Load First Image Function///////////////////////////////////////////////  
function firstImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
desc\_txt.text = description[0];  
}  
}  
/////////Image Preloader Function//////////////////////////////////////////////////////  
p = 0;  
this.onEnterFrame = function() {  
filesize = picture.getBytesTotal();  
loaded = picture.getBytesLoaded();  
preloader.\_visible = true;  
if (loaded != filesize) {  
preloader.preload\_bar.\_xscale = 100\*loaded/filesize;  
} else {  
preloader.\_visible = false;  
if (picture.\_alpha\<100) {  
picture.\_alpha += 10;  
}  
}  
};  
//////////Load clicked thumbnail Image Function////////////////////////////////////////////////  
function callImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
desc\_txt.text = description[p];  
}  
}  
//////////Thumbnail maker///////////////////////////////  
function thumbnailer(k){  
loaded\_counter=0;  
total\_thumbs = \_global.total;  
var container = thumbnail\_mc.createEmptyMovieClip(“th”+k,thumbnail\_mc.getNextHighestDepth());  
container.\_visible=false;  
container.\_alpha=0;  
var image = container.createEmptyMovieClip(“img”, container.getNextHighestDepth());  
tlistener = new Object();  
tlistener.onLoadInit = function(target\_mc) {  
target\_mc.pictureValue = k;  
target\_mc.onRollOver = function() {  
p = this.pictureValue;  
callImage();  
this.\_alpha = 50;  
};  
target\_mc.onRollOut = function() {  
this.\_alpha = 100;  
};  
loaded\_counter++;  
counting\_txt = loaded\_counter;  
if(loaded\_counter==total\_thumbs){  
grid\_maker\_01();  
}  
};  
image\_mcl = new MovieClipLoader();  
image\_mcl.addListener(tlistener);  
image\_mcl.loadClip(thumbnails[k], “thumbnail\_mc.th”+k+".img");  
}  
///////////Layout Functions/////////////////////////////////////////////////////////////////////  
MovieClip.prototype.grid\_maker\_01=function(f){  
num=0;  
col=3;  
row=7;  
scale=75;  
space=5;  
for (j=0;j\<row;j++){  
for (l=0;l\<col;l++){  
if(num\<\_global.total){  
with(eval(“this.thumbnail\_mc.th”+num)){  
\_x=((\_width+space)\*scale/100)\*l;  
\_y=((\_height+space)\*scale/100)\*j;  
\_xscale=\_yscale=scale;  
\_visible=true;  
}  
num++;  
}  
}  
}  
this.cascader();  
}  
//////////////////////////////////////////////////////////////////////////////////  
MovieClip.prototype.cascader=function(){  
inter=100;  
c=0;  
delayed\_fade=function(){  
if (c\<\_global.total){  
with(eval(“this.thumbnail\_mc.th”+c)){  
fadein();  
}  
c++;  
}else{  
main\_menu.boton\_reset.\_visible=true;  
clearInterval(delay);  
}  
}  
delay=setInterval(delayed\_fade,inter);  
}  
///////////////////////////////////////////////////////////////////////////////  
MovieClip.prototype.fadein=function(){  
this.onEnterFrame=function(){  
if (this.\_alpha\<100){  
this.\_alpha=this.\_alpha+5;  
}else{  
this.\_alpha=100;  
delete this.onEnterFrame;  
}  
}  
}  
///////////////////////////////////////////////////////////////////////////////////////

[/AS]