I’ve altered the code from the photo gallery tutorial a little to fit with the right paths and syntax, but the only problem is once the image is loaded, it shifts 1 pixel out of proportion.
I did the Transform on the movie clip to constrain the proportions to 100% by 100%, but it still shifts every time the image loads.
Note: The image looks fine as it is fading in and fading out. Only when it shows after the fade does it shift. Here’s a copy of the code and thanks for your help.
this.pathToPics = “sa picnic/”;
this.pArray = [“picnic1.jpg”, “picnic2.jpg”, “picnic3.jpg”, “picnic4.jpg”, “picnic5.jpg”, “picnic6.jpg”, “picnic7.jpg”, “picnic8.jpg”, “picnic9.jpg”, “picnic10.jpg”, “picnic11.jpg”, “picnic12.jpg”, “picnic13.jpg”, “picnic14.jpg”, “picnic15.jpg”, “picnic16.jpg”, “picnic17.jpg”, “picnic18.jpg”, “picnic19.jpg”, “picnic20.jpg”, “picnic21.jpg”, “picnic22.jpg”, “picnic23.jpg”, “picnic24.jpg”, “picnic25.jpg”];
this.fadeSpeed = 20;
this.pIndex = 0;
MovieClip.prototype.changePhoto = function(d) {
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() {
var p = this.photo;
p._alpha = 0;
p.loadMovie(this.pathToPics+this.pArray[this.pIndex]);
this.onEnterFrame = loadMeter;
};
MovieClip.prototype.loadMeter = function() {
var l, t;
l = this.photo.getBytesLoaded();
t = this.photo.getBytesTotal();
if (t>0) {
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;
}
};
this.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
this.changePhoto(-1);
} else if (Key.getCode() == Key.RIGHT) {
this.changePhoto(1);
}
};
Key.addListener(this);