Hi, firstly let me thank Kirupa and others involved for this great resource.
I have constructed my site based on Kirupa’s photo gallery tutorial located at:
http://www.kirupa.com/developer/mx/photogallery.htm ,I am now trying to figure out a way to preload the images. I have tried many online preloader tutorials, but i cannot seem to find anything to work with this method of gallery (movie clip that dynamicly loads external jpgs).
sorry if this has been gone over before, any help is greatly apreciated
dave
the site i am working on is at http://userpages.umbc.edu/~bick1
here is my main code (though mainly like the tutorial)
/*
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 = “polaroids/”;
// fill this array with your pics
this.pArray = [“000.jpg”, “001.jpg”, “003.jpg”, “006.jpg”, “012.jpg”, “007.jpg”, “008.jpg”,“005.jpg”, “004.jpg”, “010.jpg”, “009.jpg”];
this.fadeSpeed = 35;
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);
//stop navdot movie
this.navdotins.gotoAndStop(“2”);
