# Preloading bar on grey background

**URL:** <https://forum.kirupa.com/t/preloading-bar-on-grey-background/262093>\
**Category:** flash\
**Created:** [June 3, 2008, 8:59am UTC](https://forum.kirupa.com/t/preloading-bar-on-grey-background/262093 "2008-06-03T08:59:42Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![pixglow](https://avatars.discourse-cdn.com/v4/letter/p/e8c25b/32.png) [@pixglow](https://forum.kirupa.com/u/pixglow)\
**Post date:** [June 3, 2008, 8:59am UTC](https://forum.kirupa.com/t/preloading-bar-on-grey-background/262093/1 "2008-06-03T08:59:42Z")

</div>

Hi everyone,

I am new to flash, and I created a flash Slideshow with the help of this site only, but the preloading bar on grey background is coming before showing next image, is annoying.

I want preloading bar on the background image, not on the grey background.

Can anyone tell me how it can be done.

here is the code:

delay = 6000;  
//-----------------------  
function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
description = [];  
total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {  
image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;  
description\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
}  
firstImage();  
} else {  
content = “file not loaded!”;  
}  
}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“images.xml”);  
// ///////////////////////////////////  
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();  
};  
// ///////////////////////////////////  
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 += 10;  
}  
}  
};  
var myInterval;  
function nextImage() {  
p++;  
p %= image.length;  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
desc\_txt.text = description[p];  
picture\_num();  
clearInterval(myInterval);  
if (playing) {  
slideshow();  
}  
}  
}  
function prevImage() {  
clearInterval(myInterval);  
if (playing) {  
slideshow();  
}  
if (p\>0) {  
p–;  
} else {  
p = image.length-1;  
}  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
desc\_txt.text = description[p];  
picture\_num();  
}  
function firstImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
desc\_txt.text = description[0];  
picture\_num();  
clearInterval(myInterval);  
if (playing) {  
slideshow();  
}  
}  
}  
function picture\_num() {  
current\_pos = p+1;  
pos\_txt.text = current\_pos+" of "+total;  
}  
function slideshow() {  
myInterval = setInterval(pause\_slideshow, delay);  
function pause\_slideshow() {  
clearInterval(myInterval);  
nextImage();  
}  
}  
stop.tt.text = “STOP”;  
play.tt.text=“PLAY”  
playing = true  
play.onPress = function(){  
playing = true  
nextImage()

}  
play.onRelease =play.onReleaseOutside= function(){  
this.gotoAndStop("\_disabled")  
this.enabled = false  
}  
stop.onPress = function(){  
playing = false  
play.enabled = true  
clearInterval(myInterval)  
}

Any help will be very much appreciated.

Thanks in advance!