hey,
I have gone through the xml slideshow tutorial and have built a simple xml slideshow. I am trying to add a transition between each of the images that looks like many bubbles adding to make an all white screen.
The basic slideshow can be found here:
http://www.variatelabs.com/olivemedia/
i would like to insert something like this:
container.loadMovie(“bubbletransition.swf”);
the images transition every 3000 milliseconds or 6 seconds, can someone tell me where to add the code to add the swf at 5 seconds or around 2500 milliseconds.
Thanks, I am new at xml and some help would be greatly appreciated. This forum is great.
-m
here is my existing code:
stop();
var total;
var p = 0;
//variables for slideshow
var slide = 1;
var delay_slide;
//this is the interval between the pics: 6 seconds
var interS = 3000;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
link = [];
total = xmlNode.childNodes.length;
for (var i = 0; i<total; i++) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
link* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
}
loadPic§;
} else {
content = “file not loaded!”;
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“images.xml”);
/////////////////////////////////////
function loadPic§ {
picture.loadMovie(image[p]);
picture._alpha = 0;
var temp = this.createEmptyMovieClip(“tem”, 9978);
temp.onEnterFrame = function() {
var filesize = picture.getBytesTotal();
var loaded = picture.getBytesLoaded();
preloader._visible = true;
preloader.preload_bar._xscale = Math.round((loaded/filesize)*100);
if (picture._width) {
preloader._visible = false;
picture.fadeTo(100, 1.1);
desc_txt.text = description[p];
picture_num();
picture._alpha += 7;
if (picture._alpha>100) {
picture._alpha = 100;
picture.onRelease = function() {
getURL(link[p], “_blank”);
};
//if the slideshow is running
if (slide) {
delay_slide = setInterval(showSlide, interS, total);
}
delete this.onEnterFrame;
}
}
};
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
previous_btn.onRelease();
} else if (Key.getCode() == Key.RIGHT) {
next_btn.onRelease();
}
};
Key.addListener(listen);
previous_btn.onRelease = function() {
p>0 ? (p–, loadPic§, slide=0) : null;
};
next_btn.onRelease = function() {
p<total-1 ? (p++, loadPic§, slide=0) : null;
};
//function for the slideshow
function showSlide(total) {
//clear the interval (if there’s a slideshow)
clearInterval(delay_slide);
p<total-1 ? (p++, loadPic§, setButtons§) : (p=0, loadPic§, setButtons§);
}
slide_btn.onRelease = function() {
this._alpha = 0;
this.enabled = 0;
stop_btn._alpha = 100;
stop_btn.enabled = 1;
slide = 1;
showSlide(total);
};
stop_btn.onRelease = function() {
clearInterval(delay_slide);
slide = 0;
this._alpha = 0;
this.enabled = 0;
slide_btn._alpha = 100;
slide_btn.enabled = 1;
};