Need help with XML Photo gallery/Slideshow
Dear forumers,
I need help with creating a automatic slideshow with control buttons.
Have browsed through Kirupa’s tutorials and have made references to the following 2 tutorials
http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm
http://www.kirupa.com/developer/mx2004/xml_slideshow.htm
I am trying to combine the codes for these 2 tutorials so that I can have the images cycle automatically but at the same time with control buttons
like “back”, “next” and “pause”.
Please see below for my attempt…
stop();
delay = 3000;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
image2 = [];
image3 = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
image2* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
image3* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
description* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;
}
firstImage();
} else {
content = “file not loaded!”;
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“images.xml”);
/////////////////////////////////////
Key.addListener(listen);
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();
};
/////////////////////////////////////
//------------ preloader
p = 0;
this.onEnterFrame = function() {
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
filesize = picture2.getBytesTotal();
loaded = picture2.getBytesLoaded();
filesize = picture3.getBytesTotal();
loaded = picture3.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize) {
preloader.preload_bar._xscale = 100loaded/filesize;
preloader2.preload_bar._xscale = 100loaded/filesize;
preloader3.preload_bar._xscale = 100*loaded/filesize;
} else {
preloader._visible = false;
if (picture._alpha<100) {
picture._alpha += 10;
}
preloader2._visible = false;
if (picture2._alpha<100) {
picture2._alpha += 10;
}
preloader3._visible = false;
if (picture3._alpha<100) {
picture3._alpha += 10;
}
}
};
//------------ preloader
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
picture2._alpha = 0;
picture2.loadMovie(image2[p], 1);
picture3._alpha = 0;
picture3.loadMovie(image3[p], 1);
desc_txt.text = description[p];
picture_num();
slideshow();
}
}
}
function prevImage() {
if (p>0) {
p–;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
picture2.loadMovie(image2[p], 1);
picture3.loadMovie(image3[p], 1);
desc_txt.text = description[p];
//picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
picture2.loadMovie(image2[0], 1);
picture3.loadMovie(image3[0], 1);
desc_txt.text = description[0];
//picture_num();
slideshow();
}
}
/*
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
*/
//-- timer thing
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
//function
}
Issue 1
I tried to assign the functions nextImage(); and prevImage(); into my ‘next’ and ‘back’ buttons respectively
The automated slideshow works fine but there seems to be a bug somewhere whereby ‘next’ brings me to the next screen but
right after that the other screens will jump about in wrong sequences.
I have no wonder what is wrong as i am a beginner in AS.
Issue 2
I require a ‘pause’ button in my slideshow as well
Is anyone kind enough to help me write a function that I can assign to my ‘pause’ button to make the slideshow pause?
I see a pause_slideshow() within the slideshow() function but I do not really understand the codes, that is why I am having so much
difficulty.
Please help me! Thanks in advance :hugegrin:
