# Centering images in a movieclip

**URL:** https://forum.kirupa.com/t/centering-images-in-a-movieclip/249856
**Category:** flash
**Created:** [January 23, 2008, 3:39am UTC](https://forum.kirupa.com/t/centering-images-in-a-movieclip/249856 "2008-01-23T03:39:33Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![photex](https://avatars.discourse-cdn.com/v4/letter/p/e95f7d/32.png) [@photex](https://forum.kirupa.com/u/photex)
#### Post date: [January 23, 2008, 3:39am UTC](https://forum.kirupa.com/t/centering-images-in-a-movieclip/249856/1 "2008-01-23T03:39:33Z")

</div>

Hi,

I’m trying to center different size images in a movieclip named “picture”. The images load fine but they are not centered. Flash’s registration is very limited when it comes to setting this. All the images are different sizes. I may get one to load correctly but when another image loads of a different size the images is no longer centered. I need all images to load in the center of the clip no matter what the images size is. Here is the code that I’m using:

stop();

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 = “file not loaded!”;  
}  
}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“images-webbanner.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);  
desc\_txt.text = description[p];  
picture\_num();  
}  
}  
}  
function prevImage() {  
if (p\>0) {  
p–;  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
desc\_txt.text = description[p];  
picture\_num();  
}  
}  
function firstImage() {  
if (loaded == filesize) {  
picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
desc\_txt.text = description[0];  
picture\_num();  
}  
}  
function picture\_num() {  
current\_pos = p+1;  
pos\_txt.text = current\_pos+" / "+total;  
}