# Xml slideshow horizontal slide in/out

**URL:** <https://forum.kirupa.com/t/xml-slideshow-horizontal-slide-in-out/262146>\
**Category:** Uncategorized\
**Created:** [June 3, 2008, 6:49pm UTC](https://forum.kirupa.com/t/xml-slideshow-horizontal-slide-in-out/262146 "2008-06-03T18:49:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kcladdagh](https://avatars.discourse-cdn.com/v4/letter/k/9fc348/32.png) [@kcladdagh](https://forum.kirupa.com/u/kcladdagh)\
**Post date:** [June 3, 2008, 6:49pm UTC](https://forum.kirupa.com/t/xml-slideshow-horizontal-slide-in-out/262146/1 "2008-06-03T18:49:16Z")

</div>

I want to create a slideshow based on  
[xml flash photo gallery Kirupa Tutorial](http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm)

The thing is, I want the images to slide in (left to right) when you click on “next” with the image before it sliding out (l to r). When “previous” clicked image slides in (r to l) with image before it sliding out (r to l). [Resulting in something like this](http://templates.entheosweb.com/template_number/11413.asp)  
Is this possible with a dynamic slideshow?

Here’s the actionscript:  
function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
description = [];  
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();  
preloader.\_visible = true;  
if (loaded != filesize) {  
preloader.preload\_bar.\_xscale = 100\*loaded/filesize;  
} else {  
preloader.\_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);  
desc\_txt.text = description[p];  
picture\_num();  
}  
}  
}  
function prevImage() {  
if (p\>0) {  
p–;  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
desc\_txt.text = description[p];  
picture\_num();  
}  
}  
function firstImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
desc\_txt.text = description[0];  
picture\_num();  
}  
}  
function picture\_num() {  
current\_pos = p+1;  
pos\_txt.text = current\_pos+" / "+total;  
}

Any help is very much appreciated!