Opening picture centered on host mc (XML gallery)

programming flash
1

Hi,

I’m currently working with the XML gallery at http://www.kirupa.com/developer/mx2004/xml_flash_photogallery2.htm

With the code provided below, what do I need to change to make the images load and be centered over the ‘host’ MC (instance name “picture”), rather than having the anchor at the top left?

This is because the images I am loading varying is dimensions so having it load centered over the “picture” MC would help keep the image position… consistantly centered in the gallery.

Current code:


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 = "Error: XML not loaded";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("data/folio.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;
        }
    }
};
function nextImage() {
    if (p<(total-1)) {
        p++;
        if (loaded == filesize) {
            picture._alpha = 0;
            picture.loadMovie(image[p], 1);
            _parent.folioScroll.mc2.folioText.text = description[p];
            picture_num();
        }
    }
}
function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
        _parent.folioScroll.mc2.folioText.text = description[p];
        picture_num();
    }
}
function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        _parent.folioScroll.mc2.folioText.text = description[0];
        picture_num();
    }
}
function picture_num() {
    current_pos = p+1;
    numberText.text = current_pos+" / "+total;
}

I’m fairly new to ActionScript, too. I’m sure there’s an easy solution though.

Thanks