# Imaged wont fit in my picture gallery!

**URL:** <https://forum.kirupa.com/t/imaged-wont-fit-in-my-picture-gallery/163745>\
**Category:** Uncategorized\
**Created:** [September 25, 2005, 9:51pm UTC](https://forum.kirupa.com/t/imaged-wont-fit-in-my-picture-gallery/163745 "2005-09-25T21:51:28Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![DKusz](https://avatars.discourse-cdn.com/v4/letter/d/4af34b/32.png) [@DKusz](https://forum.kirupa.com/u/DKusz)\
**Post date:** [September 25, 2005, 9:51pm UTC](https://forum.kirupa.com/t/imaged-wont-fit-in-my-picture-gallery/163745/1 "2005-09-25T21:51:28Z")

</div>

Im using the photo gallery tutorial, and I have everything going well, the pictures show up and everything, but they dont resize to fit in my box…they look all large, and off the screen cause they are loading the to their actual size, here is my coding:

this.pathToPics = “C:/Documents and Settings/st/Desktop/d/photos/B/”;  
// fill this array with your pics  
this.pArray = [“1.jpg”, “2.jpg”, “3.jpg”, “4.jpg”, “5.jpg”, “6.jpg”, “7.jpg”, “8.jpg”];  
this.fadeSpeed = 20;  
this.pIndex = 0;  
// MovieClip methods ----------------------------------  
// d=direction; should 1 or -1 but can be any number  
//loads an image automatically when you run animation  
loadMovie(this.pathToPics+this.pArray[0], \_root.photo);  
MovieClip.prototype.changePhoto = function(d) {  
// make sure pIndex falls within pArray.length  
this.pIndex = (this.pIndex+d)%this.pArray.length;  
if (this.pIndex\<0) {  
this.pIndex += this.pArray.length;  
}  
this.onEnterFrame = fadeOut;  
};  
MovieClip.prototype.fadeOut = function() {  
if (this.photo.\_alpha\>this.fadeSpeed) {  
this.photo.\_alpha -= this.fadeSpeed;  
} else {  
this.loadPhoto();  
}  
};  
MovieClip.prototype.loadPhoto = function() {  
// specify the movieclip to load images into  
var p = \_root.photo;  
//------------------------------------------  
p.\_alpha = 0;  
p.loadMovie(this.pathToPics+this.pArray[this.pIndex]);  
this.onEnterFrame = loadMeter;  
};  
MovieClip.prototype.loadMeter = function() {  
var i, l, t;  
l = this.photo.getBytesLoaded();  
t = this.photo.getBytesTotal();  
if (t\>0 && t == l) {  
this.onEnterFrame = fadeIn;  
} else {  
trace(l/t);  
}  
};  
MovieClip.prototype.fadeIn = function() {  
if (this.photo.\_alpha\<100-this.fadeSpeed) {  
this.photo.\_alpha += this.fadeSpeed;  
} else {  
this.photo.\_alpha = 100;  
this.onEnterFrame = null;  
}  
};  
// Actions -----------------------------------------  
// these aren’t necessary, just an example implementation  
this.onKeyDown = function() {  
if (Key.getCode() == Key.LEFT) {  
this.changePhoto(-1);  
} else if (Key.getCode() == Key.RIGHT) {  
this.changePhoto(1);  
}  
};  
Key.addListener(this);

is there something I am missing to make them fit in my box?