# Kirupa's header thumbnails

**URL:** <https://forum.kirupa.com/t/kirupas-header-thumbnails/162858>\
**Category:** Uncategorized\
**Created:** [September 16, 2005, 9:54pm UTC](https://forum.kirupa.com/t/kirupas-header-thumbnails/162858 "2005-09-16T21:54:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kandya](https://avatars.discourse-cdn.com/v4/letter/k/c6cbf5/32.png) [@kandya](https://forum.kirupa.com/u/kandya)\
**Post date:** [September 16, 2005, 9:54pm UTC](https://forum.kirupa.com/t/kirupas-header-thumbnails/162858/1 "2005-09-16T21:54:25Z")

</div>

Hi,

New / Crap to xml and was wondering … In kirupa’s xml thumbnails in the banner above, how would one add a button to load in the next 6 or previous 6 thumbnails, to browse past links for example. I can grasp and customise the other xml tutorials but this one seems tied up in one code block and I can’t figure it out ☹ Kirupa’s code is below …

function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
caption = [];  
url = [];  
total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {  
image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;  
caption\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
url\* = xmlNode.childNodes\*.childNodes[2].firstChild.nodeValue;  
//  
eval(i).onRelease = function() {  
trace(“BOO!”);  
getURL(url[this.\_name], “\_same”);  
};  
eval(i).masked.loadMovie(image\*);  
eval(i).bar.\_alpha = 0;  
eval(i).onRollOver = function() {  
this.bar.\_alpha = 1;  
cap.\_visible = true;  
this.onEnterFrame = function() {  
cap.\_x = \_root.\_xmouse+2;  
cap.\_y = \_root.\_ymouse-17;  
cap.desc.text = caption[this.\_name];  
cap.\_width = 7\*cap.desc.text.length;  
if (this.\_name == 7) {  
trace(this.\_name);  
cap.\_x = \_root.\_xmouse-cap.\_width+2;  
cap.\_y = \_root.\_ymouse-17;  
}  
cap.\_alpha = 75;  
this.bar.\_alpha \*= 1.5;  
this.masked.\_alpha \*= .95;  
if (this.bar.\_alpha\>50) {  
this.bar.\_alpha = 50;  
this.masked.\_alpha = 56;  
}  
};  
};  
eval(i).onRollOut = function() {  
a = 0;  
b = 0;  
cap.\_visible = false;  
this.onEnterFrame = function() {  
this.masked.\_alpha \*= 1.1;  
if (this.masked.\_alpha\>=100) {  
this.masked.\_alpha = 100;  
a = 1;  
}  
if (a == 1) {  
delete this.onEnterFrame;  
}  
};  
};  
}  
//}  
} else {  
content = “file not loaded!”;  
}  
}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“[http://gallery.kirupa.com/gallery3.xml?blargor=](http://gallery.kirupa.com/gallery3.xml?blargor=)”+new Date().getTime());

many thanks for any help

K