from this to this.... XML image gallery

[suzisweet]

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://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 :

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 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

 

[oldnewbie]

http://www.kirupa.com/developer/mx2004/thumbnails.htm

???

Regards. Web Hosting - Web Design
03/13/05 -> OLDNEWBIE VS FLASHKIT