# Interactive Flash Banner Using XML

**URL:** https://forum.kirupa.com/t/interactive-flash-banner-using-xml/224022
**Category:** flash
**Created:** [April 27, 2007, 3:12pm UTC](https://forum.kirupa.com/t/interactive-flash-banner-using-xml/224022 "2007-04-27T15:12:35Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![wrxcrystal06](https://avatars.discourse-cdn.com/v4/letter/w/5e9695/32.png) [@wrxcrystal06](https://forum.kirupa.com/u/wrxcrystal06)
#### Post date: [April 27, 2007, 3:12pm UTC](https://forum.kirupa.com/t/interactive-flash-banner-using-xml/224022/1 "2007-04-27T15:12:35Z")

</div>

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.

1. 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.
2. 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!