# Photo Gallery

**URL:** <https://forum.kirupa.com/t/photo-gallery/17509>\
**Category:** Uncategorized\
**Created:** [April 6, 2003, 5:37am UTC](https://forum.kirupa.com/t/photo-gallery/17509 "2003-04-06T05:37:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![discoverme](https://avatars.discourse-cdn.com/v4/letter/d/e56c9b/32.png) [@discoverme](https://forum.kirupa.com/u/discoverme)\
**Post date:** [April 6, 2003, 5:37am UTC](https://forum.kirupa.com/t/photo-gallery/17509/1 "2003-04-06T05:37:49Z")

</div>

I have an photogallery in my flash…  
it loads the images dynamically and takes the url from an external .xml file

It working fine buy i need some modification in it…  
i dont mind changind the script if it fulfils my requirement. Check the attached image…it will give an idea.

I have tried the script(i have pasted it below) and works fine…the changes i need is i want to show three thumbnails which gives an idea of the previous and next image to come on the photogallery.

I have attached an gif file which will give an idea how i want it…Please help.

Kapi

Script i am using right now:

slides\_xml = new XML();  
slides\_xml.onLoad = startSlideShow;  
slides\_xml.load(“intr.xml”);  
slides\_xml.ignoreWhite = true;  
back\_btn.enabled = false;  
back\_btn.\_alpha = 50;  
next\_btn.enabled = true;  
next\_btn.\_alpha = 100;  
//  
// Show the first slide and intialize variables  
function startSlideShow(success) {  
if (success == true) {  
rootNode = slides\_xml.firstChild;  
firstSlideNode = rootNode.firstChild;  
currentSlideNode = firstSlideNode;  
updateSlide(firstSlideNode);  
}  
}  
//  
// Update current slide with new image  
function updateSlide(newSlideNode) {  
imagePath = newSlideNode.attributes.jpegURL;  
slideText = newSlideNode.firstChild.nodeValue;  
targetClip.loadMovie(imagePath);  
targetClipa.loadMovie(imagePath);  
}  
//  
// Next slide button  
next\_btn.onRelease = function() {  
nextSlideNode = currentSlideNode.nextSibling;  
back\_btn.\_alpha = 100;  
back\_btn.enabled = true;  
if (nextSlideNode == null) {  
next\_btn.\_alpha = 50;  
next\_btn.enabled = false;  
break;  
} else {  
updateSlide(nextSlideNode);  
currentSlideNode = nextSlideNode;  
}  
};  
//  
// Previous slide button  
back\_btn.onRelease = function() {  
previousSlideNode = currentSlideNode.previousSibling;  
next\_btn.\_alpha = 100;  
next\_btn.enabled = true;  
if (previousSlideNode == null) {  
back\_btn.\_alpha = 50;  
back\_btn.enabled = false;  
break;  
} else {  
currentSlideNode = previousSlideNode;  
updateSlide(previousSlideNode);  
}  
};