I used this tutorial (http://www.kirupa.com/developer/mx/photogallery.htm)and everything worked great but i also wanted to other images to load in a different loadbox at the same time. (Using the same button) Not being in expert in action script, i duplicated the code, changed all the variable names accordingly but i had a problem. The 2 scripts don’t seem to work together. One loads the images properly and the other doen’t. If i take 1 off, the other works and vice-versa. I am sure i changed all the variable names but they still conflict somehow.
Any ideas.
Code:
this.pathToPics = “images/”;
this.pArray = [“journeys0.jpg”, “journeys1.jpg”, “journeys2.jpg”];
this.fadeSpeed = 10;
this.pIndex = 0;
loadMovie(this.pathToPics+this.pArray[0], _root.loadbox);
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.loadbox._alpha>this.fadeSpeed) {
this.loadbox._alpha -= this.fadeSpeed;
} else {
this.loadPhoto();
}
};
MovieClip.prototype.loadPhoto = function() {
// specify the movieclip to load images into
var p = _root.loadbox;
//------------------------------------------
p._alpha = 0;
p.loadMovie(this.pathToPics+this.pArray[this.pIndex]);
this.onEnterFrame = loadMeter;
};
MovieClip.prototype.loadMeter = function() {
var i, l, t;
l = this.loadbox.getBytesLoaded();
t = this.loadbox.getBytesTotal();
if (t>0 && t == l) {
this.onEnterFrame = fadeIn;
} else {
trace(l/t);
}
};
MovieClip.prototype.fadeIn = function() {
if (this.loadbox._alpha<100-this.fadeSpeed) {
this.loadbox._alpha += this.fadeSpeed;
} else {
this.loadbox._alpha = 100;
this.onEnterFrame = null;
}
};
//------------------The other loadingbox-------------------
this.pathToPics = “images/”;
// fill this array with your pics
this.nArray = [“1of3.swf”, “2of3.swf”, “3of3.swf”];
this.fadeSpeed2 = 10;
this.nIndex = 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.nArray[0], _root.numbox);
MovieClip.prototype.changeNum = function(d2) {
// make sure pIndex falls within pArray.length
this.nIndex = (this.nIndex+d2)%this.nArray.length;
if (this.nIndex<0) {
this.nIndex += this.nArray.length;
}
this.onEnterFrame = fadeOut2;
};
MovieClip.prototype.fadeOut2 = function() {
if (this.numbox._alpha>this.fadeSpeed2) {
this.numbox._alpha -= this.fadeSpeed2;
} else {
this.loadNum();
}
};
MovieClip.prototype.loadNum = function() {
// specify the movieclip to load images into
var num = _root.numbox;
//------------------------------------------
num._alpha = 0;
num.loadMovie(this.pathToPics+this.nArray[this.nIndex]);
this.onEnterFrame = loadMeter2;
};
MovieClip.prototype.loadMeter2 = function() {
var i2, l2, t2;
l2 = this.numbox.getBytesLoaded();
t2 = this.numbox.getBytesTotal();
if (t2>0 && t2 == l2) {
this.onEnterFrame = fadeIn2;
} else {
trace(l2/t2);
}
};
MovieClip.prototype.fadeIn2 = function() {
if (this.numbox._alpha<100-this.fadeSpeed2) {
this.numbox._alpha += this.fadeSpeed2;
} else {
this.numbox._alpha = 100;
this.onEnterFrame = null;
}
};