# Help with gallery from Kirupa

**URL:** <https://forum.kirupa.com/t/help-with-gallery-from-kirupa/287025>\
**Category:** flash\
**Created:** [April 24, 2009, 6:25pm UTC](https://forum.kirupa.com/t/help-with-gallery-from-kirupa/287025 "2009-04-24T18:25:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dxith](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@dxith](https://forum.kirupa.com/u/dxith)\
**Post date:** [April 24, 2009, 6:25pm UTC](https://forum.kirupa.com/t/help-with-gallery-from-kirupa/287025/1 "2009-04-24T18:25:32Z")

</div>

Hi dudes,

Just wondering if anybody could give me a hand with the code. I don’t know that much learning in process. Just simply want to add a fade out transition when going to the next image. Here is the code

* * *

delay = 3000;  
this.fadeSpeed = 20;  
this.pIndex = 0;  
//-----------------------  
function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;  
image = [];  
total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {

image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;

}

MovieClip.prototype.fadeOut = function() {  
if (this.picture.\_alpha\>this.fadeSpeed) {  
this.picture.\_alpha -= this.fadeSpeed;  
} else {  
this.loadPicture();  
}  
};

firstImage();

} else {

content = “file not loaded!”;

}

}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“images.xml”);

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;

}

}

};

function nextImage() {

if (p\<(total-1)) {

p++;  
if (loaded == filesize) {

picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
picture\_num();  
slideshow();

}

}

}  
function prevImage() {

if (p\>0) {

p–;  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
picture\_num();

}

}  
function firstImage() {

if (loaded == filesize) {

picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
picture\_num();  
slideshow();

}

}

function slideshow() {

myInterval = setInterval(pause\_slideshow, delay);  
function pause\_slideshow() {

clearInterval(myInterval);  
if (p == (total-1)) {

p = 0;  
firstImage();

} else {

nextImage();  
picture.\_alpha = 0;  
this.picture.\_alpha = 100;  
this.onEnterFrame = null;

}

}

}

* * *

Any help would be greatly appreciated, thanks in advance.