# Can I tweak this photo gallery script into an automated slide show?

**URL:** <https://forum.kirupa.com/t/can-i-tweak-this-photo-gallery-script-into-an-automated-slide-show/220800>\
**Category:** flash\
**Created:** [March 29, 2007, 11:47am UTC](https://forum.kirupa.com/t/can-i-tweak-this-photo-gallery-script-into-an-automated-slide-show/220800 "2007-03-29T11:47:34Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![swaddock](https://avatars.discourse-cdn.com/v4/letter/s/ac8455/32.png) [@swaddock](https://forum.kirupa.com/u/swaddock)\
**Post date:** [March 29, 2007, 11:47am UTC](https://forum.kirupa.com/t/can-i-tweak-this-photo-gallery-script-into-an-automated-slide-show/220800/1 "2007-03-29T11:47:34Z")

</div>

I downloaded this cool code that was written to used as a photo gallery, works really well too.

What I would like to do it is use it as an automated slide show. I’d like to add this in my time like so when it comes time to run, it just starts fading the images in and out without having to press a button. Eventually, I wanto have four of these photo objects on the screen automatically presenting a large number of images at the same time.

It know how to create buttons to make it go forward or backward but, I don’t know the code to make this run on its own without a button prompting it to go forward.

Any help would be greatly appreciated!

Thanks!  
Stephen

This is the gallery code:

//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 = “”;  
// fill this array with your pics  
this.pArray = [“small8-05-1.jpg”, “small8-05-2.jpg”, “small8-05-3.jpg”, “small8-05-4.jpg”, “small8-05-5.jpg”, “small8-05-6.jpg”, “small8-05-7.jpg”, “small8-05-8.jpg”, “small8-05-9.jpg”, “small8-05-10.jpg”,“small8-05-11.jpg”,“small12-22-05-12.jpg”,“small12-22-05-13.jpg”,“small12-22-05-14.jpg”,“small12-22-05-15.jpg”,“small12-22-05-16.jpg”,“small12-22-05-17.jpg”,“small12-22-05-18.jpg”,“smallCommonEntrance-19.jpg”];  
this.fadeSpeed = 50;  
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);