# Editing This Image Slideshow

**URL:** <https://forum.kirupa.com/t/editing-this-image-slideshow/225526>\
**Category:** flash\
**Created:** [May 13, 2007, 9:46am UTC](https://forum.kirupa.com/t/editing-this-image-slideshow/225526 "2007-05-13T09:46:34Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tomyknoker](https://avatars.discourse-cdn.com/v4/letter/t/50afbb/32.png) [@tomyknoker](https://forum.kirupa.com/u/tomyknoker)\
**Post date:** [May 13, 2007, 9:46am UTC](https://forum.kirupa.com/t/editing-this-image-slideshow/225526/1 "2007-05-13T09:46:34Z")

</div>

I have the following slideshow:

```auto
this.pathToPics = "animation/";
// fill this array with your pics
this.pArray = ["image0.jpg", "image1.jpg", "image2.jpg", "image3.jpg", "image4.jpg", "image5.jpg", "image6.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;
	}
};

```

With a left and right arrow, with code:

```auto
on (release) {
	_root.changePhoto(-1);	
}

```

&

```auto
on (release) {
	_root.changePhoto(1);	
}

```

I want to though have 6 buttons and when button 3 is pressed for example image3.jpg to fade in, and whatever is previously loaded to fade out… Anyone know how to do this using the above code?