# Photo gallery problem

**URL:** <https://forum.kirupa.com/t/photo-gallery-problem/155587>\
**Category:** Uncategorized\
**Created:** [July 18, 2005, 11:47pm UTC](https://forum.kirupa.com/t/photo-gallery-problem/155587 "2005-07-18T23:47:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![redwingg91](https://avatars.discourse-cdn.com/v4/letter/r/a8b319/32.png) [@redwingg91](https://forum.kirupa.com/u/redwingg91)\
**Post date:** [July 18, 2005, 11:47pm UTC](https://forum.kirupa.com/t/photo-gallery-problem/155587/1 "2005-07-18T23:47:03Z")

</div>

I’m using this tutorial [http://www.kirupa.com/developer/mx/photogallery.htm](http://www.kirupa.com/developer/mx/photogallery.htm)

and have made a gallery with the dimensions 500x400. all of the pictures are about 640x480. The tutorial said it would scale the images accordingly, but all of my images appear in the lower right corner of the document and only display the top corners of the images.Any help would be appreciated, thanks! 😃

This is the code i used :

//Code written by sbeener (suprabeener)  
/\*  
i wrote this code, but you can use and abuse it however you like.  
the methods are defined in the order which they occur to make it  
easier to understand.  
\*/  
// variables ------------------------------------------  
// put the path to your pics here, include the slashes (ie. “pics/”)  
// leave it blank if they’re in the same directory  
this.pathToPics = “[http://www.ozpowersports.com/images/ozpowersports/](http://www.ozpowersports.com/images/ozpowersports/)”;  
// fill this array with your pics  
this.pArray = [“1.jpg”, “2.jpg”, “3.jpg”, “4.jpg”, “5.jpg”, “6.jpg”, “7.jpg”, “8.jpg”, “9.jpg”, “10.jpg”, “11.jpg”, “12.jpg”,  
“13.jpg”, “14.jpg”, “15.jpg”, “16.jpg”, “17.jpg”, “18.jpg”, “19.jpg”, “20.jpg”, “21.jpg”, “22.jpg”, “23.jpg”, “24.jpg”,  
“25.jpg”, “26.jpg”, “27.jpg”, “28.jpg”, “29.jpg”, “30.jpg”, “31.jpg”, “32.jpg”, “33.jpg”, “34.jpg”, “35.jpg”, “36.jpg”,  
“37.jpg”, “38.jpg”, “39.jpg”, “40.jpg”, “41.jpg”, “42.jpg”, “43.jpg”, “44.jpg”, “45.jpg”, “46.jpg”, “47.jpg”, “48.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);