Import af billede og preloader

Du kan ikke se billedet mens det loader, - det skal være loadet 100 procent før at du kan se det, - men du kan måle hvor langt det er kommet og du kan lave det clip der holder dit billede gennemsigtigt, - når billedet så er loadet 100 procent kan du lave en alpha fade på billedet så det ikke kommer så kontant frem som nu.


vh

Kalleballe

så har jeg vist formuleret mig uklart. Jeg forestiller mig følgende:

En procesbar på en hvid skærm, der tæller op til hundrede.
EFTER procesbaren har nået 100% kommer billedet frem.

Ligesom eksemplet, jeg har lagt ud. Bare hvor det er muligt at se billedet "loade" med en procesbar.

var container:MovieClip = this.createEmptyMovieClip("container", this.getNextHighestDepth());
var image:MovieClip = container.createEmptyMovieClip("image", container.getNextHighestDepth());

var mcLoader:MovieClipLoader = new MovieClipLoader();
var listener:Object = new Object();
listener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
    trace(target + ".onLoadProgress with " + bytesLoaded + " bytes of " + bytesTotal);
}
mcLoader.addListener(listener);
mcLoader.loadClip("http://www.w3.org/Icons/w3c_main.png", image);

var interval:Object = new Object();
interval.id = setInterval(checkProgress, 100, mcLoader, image, interval);

function checkProgress(mcLoader:MovieClipLoader, image:MovieClip, interval:Object):Void {
    trace(">> checking progress now with : " + interval.id);
    var progress:Object = mcLoader.getProgress(image);
    trace("bytesLoaded: " + progress.bytesLoaded + " bytesTotal: " + progress.bytesTotal);
    if(progress.bytesLoaded == progress.bytesTotal) {
        clearInterval(interval.id);
    }
}
Du kan så knytte en loadbar til checkProgress funktionen.
Ganske enkelt ved at lave en 100 pixel width bare med en 100 pixel maske over. Masken skal så stå helt til venstre for baren, - og så ellers bare flytte sin x værdi i takt med at procenterne stiger i checkProgress funktionen.

vh

KalleBalle

Procenten regner du ud således:
_global.percent = Math.floor (progress.getBytesLoaded () / progress.getBytesTotal () * 100)

og så minLoadBarMaske._x = _global.percent


Altså noget i den stil, - når så procent = 100 så kan du sætte barens visibility til false.

vh

KalleBalle

(ps. denne løsninger virker kun med flash 8++)

Arhh. det er dumt. Jeg bruger MX.

Men læg et svar. Så får du point og andre kan få gavn af dit svar :)

Det er helt ok, - du kan da stadig bruge måden at udregne de loadede procent ;)

vh

KalleBalle