XML Slide Show

I am working on a slide show that uses XML to link to the pics and the text under the pics. What I am wanting to do is have the pics fade in and out when the user clicks on a next and previous button. From the script I have is there a way to just add this functionality in, or can any direct me to a tutorial or .fla that will show me how to achieve this effect?

I have found a way to make it happen with a time based script, but haven’t been able to adapt the time based script to user interactions (clicks).

<code>
slides_xml = new XML();
slides_xml.onLoad = startSlideShow;
slides_xml.load(“xml/slides.xml”);
slides_xml.ignoreWhite = true;

// Show the first slide and intialize variables
function startSlideShow(success) {
if (success == true) {
rootNode = slides_xml.firstChild;
totalSlides = rootNode.childNodes.length;
firstSlideNode = rootNode.firstChild;
currentSlideNode = firstSlideNode;
currentIndex = 1;
updateSlide(firstSlideNode);

}

}
//
// Updates the current slide with new image and text
function updateSlide(newSlideNode) {
imagePath = newSlideNode.attributes.jpegURL;
slideText = newSlideNode.firstChild.nodeValue;
targetClip.loadMovie(imagePath);
}
//
// Event handler for ‘Next slide’ button
next_btn.onRelease = function() {
nextSlideNode = currentSlideNode.nextSibling;
if (nextSlideNode == null) {
break;
} else {
currentIndex++;
updateSlide(nextSlideNode);
currentSlideNode = nextSlideNode;
}
};
//
// Event handler for ‘Previous slide’ button
back_btn.onRelease = function() {
previousSlideNode = currentSlideNode.previousSibling;
if (previousSlideNode == null) {
break;
} else {
currentIndex–;
currentSlideNode = previousSlideNode;
updateSlide(previousSlideNode);
}
};
</code>

Thanks :slight_smile:

Michael Hagel

BUMP

??? :slight_smile:

??