Reusable Preloader Using MovieClipLoader

1

Hi ,

I have used this wonderful tutorial and it is actually working in my swf! I am so happy because it’s been terrible trying to find a preloading solution for my image gallery which has a script that must be kept on the first frame. The only thing now is that my buttons are in a sliding menu and so the external jpgs being loaded are sliding as well. I am wondering , is there any way with this script to place the “container” or empty mc and the loading bar etc. in a different mc than the buttons? That is the container where the images are loading into and the loading bar be in a different place to the buttons?

Tutorial :
http://www.kirupa.com/developer/acti...cliploader.htm

The code is:

MovieClip.prototype.fadeIn = function() {
    this.onEnterFrame = function() {
        if (this._alpha<100) {
            this._alpha += 10;
        } else {
            delete this.onEnterFrame;
        }
    };
};
bar._visible = false;
border._visible = false;
var empty = this.createEmptyMovieClip("container", "100");
empty._x = 447;
empty._y = -250;
my_mc = new MovieClipLoader();
preload = new Object();
my_mc.addListener(preload);
preload.onLoadStart = function(targetMC) {
    trace("started loading "+targetMC);
    container._alpha = 0;
    bar._visible = true;
    border._visible = true;
    pText._visible = true;
};
preload.onLoadProgress = function(targetMC, lBytes, tBytes) {
    bar._width = (lBytes/tBytes)*100;
    pText.text = "% "+Math.round((lBytes/tBytes)*100);
};
preload.onLoadComplete = function(targetMC) {
    container.fadeIn();
    border._visible = false;
    bar._visible = false;
    dText._visible = false;
    trace(targetMC+" finished");
};
//default image
my_mc.loadClip("movieClipLoader/picture1.jpg", "container");
//buttons
button1.onPress = function() {
    my_mc.loadClip("picture1.jpg", "container");
};
button2.onPress = function() {
    my_mc.loadClip("picture2.jpg", "container");
};
button3.onPress = function() {
    my_mc.loadClip("picture3.jpg", "container");
};

Can anyone help me modify the code so that the container and loadbar is on the main stage ( or another mc on the main stage) outside of the sliding menu where the buttons are?

Thanks I really appreciate the help,

Niki