# Need help on xml image gallery

**URL:** <https://forum.kirupa.com/t/need-help-on-xml-image-gallery/261090>\
**Category:** flash\
**Created:** [May 23, 2008, 12:18am UTC](https://forum.kirupa.com/t/need-help-on-xml-image-gallery/261090 "2008-05-23T00:18:53Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jojolofty](https://avatars.discourse-cdn.com/v4/letter/j/bb73d2/32.png) [@jojolofty](https://forum.kirupa.com/u/jojolofty)\
**Post date:** [May 23, 2008, 12:18am UTC](https://forum.kirupa.com/t/need-help-on-xml-image-gallery/261090/1 "2008-05-23T00:18:53Z")

</div>

I 'm using the kirupa gallery to display my images.  
Works sweet, centering the images, next and prev button, nice transition. No thumbnails or stuff. Pretty simple and basic.  
I want to show even a bigger images onclick in flash, so, not a popup, but the images loading in a movieclip With shadow and close button. Cant get it to work!  
The hyperlink versions all open a new browser window. I just wat it to laod a movieclip or swf with the image suplied in the xml.

searching this forum for many ours now…could not find a thread ith the answer.  
any help?

i’ve tried a lot of versions off  
//  
//getURL statement  
//  
picture.onRelease = function() {  
loadMovie(link[p], “name of empty movieclip and so on…”);  
};  
//

cant get the good one…

my code is:

```auto
function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        description = [];
        link = [];
        tekst = [];
        
        total = xmlNode.childNodes.length;
        for (i=0; i<total; i++) {
            image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
            description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
            //
            //adding links
            //
            link* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
            tekst* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;
            //
        }
        firstImage();
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("foto.php"); //which generates the 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;
var cx = picture._x;
var cy = picture._y;
this.onEnterFrame = function() {
    filesize = picture.getBytesTotal();
    loaded = picture.getBytesLoaded();
    preloader._visible = true;
    preloader.preload_bar._xscale = 100*loaded/filesize;
    if (picture._width) {
        preloader._visible = false;
        if (picture._alpha<100) {
            picture._alpha += 10;
        }
        picture._x = cx-picture._width/2;
        picture._y = cy-picture._height/2;
    }
};
    // Tried a lot here, could not find a correct link to adress a movieclip

    picture.onRelease = function() {
        loadMovie(link[p], "bigpic");
    };
    //

function nextImage() {
    if (p<(total-1)) {
        p++;
        if (loaded == filesize) {
            picture._alpha = 0;
            picture.loadMovie(image[p], 1);
            desc_txt.text = description[p];
            desc_txt2.text = tekst[p];
            picture_num();
        }
    }
}
function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
        desc_txt.text = description[p];
        desc_txt2.text = tekst[p];
        picture_num();
    }
}
function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        desc_txt.text = description[0];
        desc_txt2.text = tekst[p];
        picture_num();
    }
}
function picture_num() {
    current_pos = p+1;
    pos_txt.text = current_pos+" / "+total;
}

```

Any help?

---

<div class="post-metadata">

**Author:** ![jojolofty](https://avatars.discourse-cdn.com/v4/letter/j/bb73d2/32.png) [@jojolofty](https://forum.kirupa.com/u/jojolofty)\
**Post date:** [May 23, 2008, 8:35am UTC](https://forum.kirupa.com/t/need-help-on-xml-image-gallery/261090/2 "2008-05-23T08:35:42Z")

</div>

Got the link working!  
Position in the code was wrong.  
Now there is a movie called bigpic on the stage, which loads the pic in the url smooth. Can i make it fade in?  
I want to make it to a button to fade out the bicpic movie.  
How is this done?

works now with this code:

```auto
function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        description = [];
        link = [];
        tekst = [];
        
        total = xmlNode.childNodes.length;
        for (i=0; i<total; i++) {
            image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
            description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
            //
            //adding links
            //
            link* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
            tekst* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;
            //
        }
        firstImage();
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("http://www.mydomain.com/foto.php");
/////////////////////////////////////
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;
var cx = picture._x;
var cy = picture._y;
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;
        }
        picture._x = cx-picture._width/2;
        picture._y = cy-picture._height/2;
    }
    //
    //getURL statement
    //
    picture.onRelease = function() {
        bigpic.loadMovie("http://www.mydomain.com/media/pop/104.jpg");
    };
    //
};
function nextImage() {
    if (p<(total-1)) {
        p++;
        if (loaded == filesize) {
            picture._alpha = 0;
            picture.loadMovie(image[p], 1);
            desc_txt.text = description[p];
            desc_txt2.text = tekst[p];
            picture_num();
        }
    }
}
function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
        desc_txt.text = description[p];
        desc_txt2.text = tekst[p];
        picture_num();
    }
}
function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        desc_txt.text = description[0];
        desc_txt2.text = tekst[p];
        picture_num();
    }
}
function picture_num() {
    current_pos = p+1;
    pos_txt.text = current_pos+" / "+total;
}

```