# Image resizes itself in gallery

**URL:** <https://forum.kirupa.com/t/image-resizes-itself-in-gallery/308971>\
**Category:** flash\
**Created:** [May 4, 2010, 1:07pm UTC](https://forum.kirupa.com/t/image-resizes-itself-in-gallery/308971 "2010-05-04T13:07:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![windranger](https://avatars.discourse-cdn.com/v4/letter/w/eb8c5e/32.png) [@windranger](https://forum.kirupa.com/u/windranger)\
**Post date:** [May 4, 2010, 1:07pm UTC](https://forum.kirupa.com/t/image-resizes-itself-in-gallery/308971/1 "2010-05-04T13:07:02Z")

</div>

Hello,

I’m using a crossfading gallery with images 500x330px real size.

The movie window itself has this size, so it’s OK. However, the photos inside the window are smaller and there’s an unused black space around them (right and bottom)! I just can’t figure out why they get resized smaller.

Any opinion appreciated. Thanks

The XML code:

\<gallery timer=“2.3” order=“random” fadetime=“1.2” looping=“yes” xpos=“0” ypos=“0”\>  
\<image path=“images/01.jpg” width=“500” height=“330” /\>  
\<image path=“images/02.jpg” width=“500” height=“330” /\>  
\<image path=“images/02.jpg” width=“500” height=“330” /\>  
\</gallery\>

The script code:

this.\_lockroot = true;  
// set random # variables - each must be 0 for first ‘while’ loop below  
var randomNum = 0;  
var randomNumLast = 0;

// parent container  
var container\_mc = this.createEmptyMovieClip(“container”,0);  
// movie clip containers  
container\_mc.createEmptyMovieClip(“loader1\_mc”,2);  
container\_mc.createEmptyMovieClip(“loader2\_mc”,1);

// preload watcher  
this.createEmptyMovieClip(“watcher\_mc”,100);

// load xml  
images\_xml = new XML();  
images\_xml.ignoreWhite=true;  
images\_xml.onLoad = parse;  
images\_xml.load(“images.xml”);

function parse(success) {  
if (success) {  
imageArray = new Array();  
var root = this.firstChild;  
\_global.numPause = Number(this.firstChild.attributes.timer \* 1000);  
\_global.order = this.firstChild.attributes.order;  
\_global.looping = this.firstChild.attributes.looping;  
\_global.fadetime = Number(this.firstChild.attributes.fadetime);  
\_global.xpos = Number(this.firstChild.attributes.xpos);  
\_global.ypos = Number(this.firstChild.attributes.ypos);  
var imageNode = root.lastChild;  
var s=0;  
while (imageNode.nodeName != null) {  
imageData = new Object;  
imageData.path = imageNode.attributes.path;  
imageArray[s]=imageData;  
imageNode = imageNode.previousSibling;  
s++;  
}  
// place parent container  
container\_mc.\_x = \_global.xpos;  
container\_mc.\_y = \_global.ypos;  
// parse array  
imageArray.reverse();  
imageGen(imageArray);  
} else {  
trace(‘problem’);  
}  
}

// depth swapping  
function swapPlace(clip,num) {  
eval(clip).swapDepths(eval(“container\_mc.loader”+n um+"\_mc"));  
}

function loadImages(data,num) {  
if (i==undefined || i == 2) {  
i=2;  
createLoader(i,data,num);  
i=1;  
} else if (i==1) {  
createLoader(i,data,num);  
i=2;  
}  
}  
function createLoader(i,data,num) {  
thisLoader=eval(“container\_mc.loader”+i+"\_mc");  
thisLoader.\_alpha=0;  
thisLoader.loadMovie(data[num].path);  
watcher\_mc.onEnterFrame=function () {  
var picLoaded = thisLoader.getBytesLoaded();  
var picBytes = thisLoader.getBytesTotal();  
if (isNaN(picBytes) || picBytes \< 4) {  
return;  
}  
if (picLoaded / picBytes \>= 1) {  
swapPlace(“container\_mc.loader2\_mc”,1);  
alphaTween = new mx.transitions.Tween(thisLoader, “\_alpha”, mx.transitions.easing.Regular.easeOut,0,100,\_globa l.fadetime,true);  
timerInterval = setInterval(imageGen,\_global.numPause,data);  
delete this.onEnterFrame;  
}  
}  
}  
function imageGen(data) {  
// random, or sequential?  
if (\_global.order==“random”) {  
// choose random # between 0 and total number of images  
while (randomNum == randomNumLast) {  
randomNum = Math.floor(Math.random() \* data.length);  
trace(randomNum);  
}  
loadImages(data,randomNum);  
randomNumLast = randomNum;  
} else if (\_global.order==“sequential”) {  
// start at 0, increment to total number of images, then drop back to zero when done  
if (p==undefined || p==data.length && \_global.looping==“yes”) { p=0; } else { break; }  
loadImages(data,p);  
p++;  
} else {  
trace (“order attribute in xml isn’t correct - must specify either ‘random’ or ‘sequential’”);  
}  
clearInterval(timerInterval);  
}  
stop();