I am trying to add some functionality to a flash banner on my website. Basically I have it to the point where a user can click < previous or next > to cycle through.
- I am looking to add and auto transition, where the image features would cycle on there own. When someone clicks previous or next it would continue to auto cyle after so many seconds.
- I would like to integrate a pause button.
Can someone please tell me what I need to add to make this happen?
Here is my code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
href = [];
total = xmlNode.childNodes.length;
i = 0;
while (i < total) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
href* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
i++;
}
firstImage();
} else {
content = “file not loaded!”;
}
}
function nextImage() {
if (p < (total - 1)) {
p++;
}else{
p = 0;
}
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
_global.href = href[p];
picture_num();
}
}
function prevImage() {
if (p > 0) {
p–;
}else{
p = (total - 1);
}
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
_global.href = href[p];
picture_num();
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
_global.href = href[0];
picture_num();
}
}
function picture_num() {
current_pos = p + 1;
pos_txt.text = (current_pos + " / ") + total;
}
xmlData = new XML ();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“images.xml”);
listen = new Object ();
listen.onKeyDown = function () {
if (Key.getCode() == 37) {
prevImage();
} else if (Key.getCode() == 39) {
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 = picture._alpha + 10;
}
}
};
Regards!
