# Problems Creating Photo gallery

**URL:** https://forum.kirupa.com/t/problems-creating-photo-gallery/139394
**Category:** Uncategorized
**Created:** [March 2, 2005, 6:29pm UTC](https://forum.kirupa.com/t/problems-creating-photo-gallery/139394 "2005-03-02T18:29:24Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![zimmzimm](https://avatars.discourse-cdn.com/v4/letter/z/5e9695/32.png) [@zimmzimm](https://forum.kirupa.com/u/zimmzimm)
#### Post date: [March 2, 2005, 6:29pm UTC](https://forum.kirupa.com/t/problems-creating-photo-gallery/139394/1 "2005-03-02T18:29:24Z")

</div>

I created the photo gallery using the code listed here on [Kirupa.com](http://Kirupa.com) in Mx 2004. Everything load’s properly except the images. The image box loads as do the back and fwb buttons, but no images. When I test the movie and click on the fwd button or the back button, the output menu opens up and starts scrolling down with NaN until i close the test movie.

what did I do wrong?

* * *

## //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 = “product/”; // fill this array with your pics this.pArray = [“bau”, “canz”, “clocks1”, “clocks2”, “FORKS”, “keyfinal”, “pigs”, “reflection2”, “shine”, “space1”, “triangle”]; 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);

The images are in the same dir as the .fla file. SO what’s wrong?  
Any help would be great, thanks