XML Slideshow Smooth Transition

programming flash
1

It’s very likely this has been answered already but I searched around and couldn’t find it. Is there a way to have the images do a smooth transition (one fades out as the other fades in) with the xml slideshow piece?

Here is my current code


function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild.firstChild;
        image = [];
        total = xmlNode.childNodes.length;
        trace(total);
        for (i=0; i<total; i++) {
            image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
        }
        firstImage();
    } else {
        content = "file not loaded!";
    }
}

xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("hidden for a reason");

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);
            slideshow();
        }
    }
}

function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
    }
}

function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        slideshow();
    }
}

function slideshow() {
    myInterval = setInterval(pause_slideshow, 3000);
    function pause_slideshow() {
        clearInterval(myInterval);
        if (p == (total-1)) {
            p = 0;
            firstImage();
            } else {
                nextImage();
                }
            }
        }

Thanks,
Saveth