# From this to this.... XML image gallery

**URL:** <https://forum.kirupa.com/t/from-this-to-this-xml-image-gallery/198743>\
**Category:** Uncategorized\
**Created:** [August 28, 2006, 10:01am UTC](https://forum.kirupa.com/t/from-this-to-this-xml-image-gallery/198743 "2006-08-28T10:01:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![suzisweet](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@suzisweet](https://forum.kirupa.com/u/suzisweet)\
**Post date:** [August 28, 2006, 10:01am UTC](https://forum.kirupa.com/t/from-this-to-this-xml-image-gallery/198743/1 "2006-08-28T10:01:10Z")

</div>

Hi flashers,

ok, my quest continues.

the current issue I have is regarding an xml photogallery.

The xml gallery format I have used on other occasions has been this one on [actionscript.org](http://actionscript.org) :

[[COLOR=#22229c]http://www.actionscript.org/showMovie.php?id=720[/COLOR]](http://www.actionscript.org/showMovie.php?id=720)

However, im trying to amend it to show a thumbnail at the left and right of the next and previous images. Exactly like the gallery the wonderful george harrison site :

[[COLOR=#22229c]http://www.georgeharrison.com/[/COLOR]](http://www.georgeharrison.com/)

can anyone help me in changing my method from the one on the actionscript forum to the one on the george harrison site?

here is the actionscript which calls on the xml etc. This follows the [actionscript.org](http://actionscript.org) tutorial :

///////////////////////////////////////////////////////////////////////////

function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {  
image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;  
description\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
}  
firstImage();  
} else {  
content = “file not loaded!”;  
}  
}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“images.xml”);  
/////////////////////////////////////  
listen = new Object();  
listen.onKeyDown = function() {  
if (Key.getCode() == Key.LEFT) {  
prevImage();  
} else if (Key.getCode() == Key.RIGHT) {  
nextImage();  
}  
};  
Key.addListener(listen);  
previous\_btn.onRelease = function() {  
prevImage();  
};  
next\_btn.onRelease = function() {  
nextImage();  
};  
/////////////////////////////////////  
p = 0;  
this.onEnterFrame = function() {  
filesize = picture.getBytesTotal();  
loaded = picture.getBytesLoaded();  
preloaderb.\_visible = true;  
if (loaded != filesize) {  
preloaderb.preload\_barb.\_xscale = 100\*loaded/filesize;  
} else {  
preloaderb.\_visible = false;  
if (picture.\_alpha\<100) {  
picture.\_alpha += 10;  
}  
}  
};  
function nextImage() {  
if (p\<(total-1)) {  
p++;  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
picture\_num();  
}  
}  
}  
function prevImage() {  
if (p\>0) {  
p–;  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
picture\_num();  
}  
}  
function firstImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
picture\_num();  
}  
}  
function picture\_num() {  
current\_pos = p+1;  
pos\_txt.text = current\_pos+" / "+total;  
}

/////////////////////////////////////////////////////////////////////////////

how can I change from this method to the one used on the george harrison site, im thinking essentialy it is the same apart from the thumbnail previews of the next and previous images.

anyone help?

thanks in advance

suzi x