# How to add load movie between xml images

**URL:** <https://forum.kirupa.com/t/how-to-add-load-movie-between-xml-images/205496>\
**Category:** Uncategorized\
**Created:** [October 30, 2006, 9:36am UTC](https://forum.kirupa.com/t/how-to-add-load-movie-between-xml-images/205496 "2006-10-30T09:36:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mileskemp](https://avatars.discourse-cdn.com/v4/letter/m/a587f6/32.png) [@mileskemp](https://forum.kirupa.com/u/mileskemp)\
**Post date:** [October 30, 2006, 9:36am UTC](https://forum.kirupa.com/t/how-to-add-load-movie-between-xml-images/205496/1 "2006-10-30T09:36:58Z")

</div>

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/](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;  
};