# (XML) Loaded images, now I need to load text on top

**URL:** https://forum.kirupa.com/t/xml-loaded-images-now-i-need-to-load-text-on-top/210979
**Category:** Uncategorized
**Created:** [December 25, 2006, 4:03am UTC](https://forum.kirupa.com/t/xml-loaded-images-now-i-need-to-load-text-on-top/210979 "2006-12-25T04:03:17Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![NHansen](https://avatars.discourse-cdn.com/v4/letter/n/f08c70/32.png) [@NHansen](https://forum.kirupa.com/u/NHansen)
#### Post date: [December 25, 2006, 4:03am UTC](https://forum.kirupa.com/t/xml-loaded-images-now-i-need-to-load-text-on-top/210979/1 "2006-12-25T04:03:17Z")

</div>

Aright, so I have an XML file with images and titles, I have it so it loads the images perfectly, but for some reason I can’t seem to get it to load the corresponding titles to go on top of the images. Here is my code:

```auto

System.security.allowDomain("*", "therealnickhansen.com");
function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        title = [];
        type1 = [];
        type2 = [];
        type3 = [];
        ypos = [];
        total = xmlNode.childNodes.length;
        //////////
        for (i=0; i<total; i++) {
            ypos* = (135*i)+225;
            title* = xmlNode.childNodes*.childNodes[0].childNodes[0].nodeValue;
            image* = xmlNode.childNodes*.childNodes[1].childNodes[0].nodeValue;
            type1* = xmlNode.childNodes*.childNodes[2].childNodes[0].nodeValue;
            type2* = xmlNode.childNodes*.childNodes[3].childNodes[0].nodeValue;
            type3* = xmlNode.childNodes*.childNodes[4].childNodes[0].nodeValue;
            /////////////////////
            ///create thumbs
            /////////////////////
            var thumb_mc:MovieClip = _root.main.createEmptyMovieClip("thumb"+(1+i), _root.main.getNextHighestDepth());
            var img_mc:MovieClip = thumb_mc.createEmptyMovieClip("img", 0);
            img_mc.loadMovie(image*);
            thumb_mc._x = 0;
            thumb_mc._y = ypos*;
            
fadeOut = function (mc, step, target) {
        mc.onEnterFrame = function() {
                this._alpha -= step;
                if (this._alpha<=target) {
                        this._alpha = target;
                        delete this.onEnterFrame;
                }
        };
};
fadeIn = function (mc, step, target) {
        mc.onEnterFrame = function() {
                this._alpha += step;
                if (this._alpha>=target) {
                        this._alpha = target;
                        delete this.onEnterFrame;
                }
        };
};
            thumb_mc.onRollOver = function() {
                fadeOut(this, 10, 50);
            }
            thumb_mc.onRollOut = function() {
                fadeIn(this, 10, 100);
            };
        }
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("data.xml");
///////////////////////////////////// 

```

the image loading code is after:  
/////////////////////  
///create thumbs  
/////////////////////

I would like to have title\* appear on top. I’ve tried everything (well… probably all the WRONG things). If anyone can help me out, that’d be great!  
I really don’t want to resort to duplicating the code and use PNG’s as the text title… plus that would totally rule our the dynamic loading because I would just have to make the images anyway.  
Help me out! Thanks 🙂