Script zum MCs/bilder/ect. preloaden!

[moka]

Hi,

Ich arbeite gerade an einer gallery und möchte dabei die thumbnail bilder preloaden, bevor er zu dem keyframe geht, der die thumbMCs kurz animiert.

Da mir die Scripte die ich zu dem Thema hier gefunden haben für den zweck zu komplex waren habe ich mir ein eigenes geschrieben, was eine erste Testphase bestanden hat. Ich bin mir allerdings nicht sicher ob das wirklich so geht, wie ich mir das gedacht habe, weshalb ich das script hier nochmal posten möchte.

PHP-Code:

// Erstellen der blind MCs für jeden der thumbnails, sowie das laden der Files aus einem Array
for(var i=0; i<count; i++){
this.createEmptyMovieClip("file"+i, this.getNextHighestDepth());
loadMovie(bild[i], this["file"+i]);
this["file"+i]._alpha = 0;
}
// Preloaden der einzelnen Mcs. Bei mir hat es mit dem kurzen Code geklappt.
onEnterFrame = function(){
for(var b=0; b<count; b++){
this["gesamt"+b] = this["file"+b].getBytesTotal();
this["geladen"+b] = this["file"+b].getBytesLoaded();
if(this["geladen"+b]>=this["gesamt"+b] && this["gesamt"+b] > 0){
trace("Bild"+b+" erfolgreich geladen!");
// setzt für jedes Bild true, sobald es geladen ist
this["fertig"+b] = true;
} else {
this["fertig"+b] = false;
}
// überprüft ob alle Bilder geladen sind
if(this["fertig"+b] == true){
delete this.onEnterFrame;
nextFrame();
}
}
}
} 


ist das über diesen Weg überhaupt möglich? Da das onEnterFrame Event ja nicht überschrieben wird, dachte ich mir, dass es so klappen könnte!

MFG
moka

[Der Frager]

Nee, das wird so nicht klappen, da sobald ein Bild fertig geladen ist, dein onEnterFrame ja gelöscht wird.

Nimm doch einen MovieClipLoader...

[moka]

Ok, die Überprüfung ob alle Thumbs geladen sind war schonmal falsch. Bei der ersten Version hat es gereicht, wenn nur 1 thumb fertig geladen war.

PHP-Code:

for(var i=0; i<count; i++){
this.createEmptyMovieClip("file"+i, this.getNextHighestDepth());
loadMovie(bild[i], this["file"+i]);
this["file"+i]._alpha = 0;
}
this.fertig = 0;
onEnterFrame = function(){
for(var b=0; b<count; b++){
this["gesamt"+b] = this["file"+b].getBytesTotal();
this["geladen"+b] = this["file"+b].getBytesLoaded();
if(this["geladen"+b]>=this["gesamt"+b] && this["gesamt"+b] > 0){
trace("Bild"+b+" erfolgreich geladen!");
this.fertig += 1;
} 
}
if(this.fertig == count){
delete this.onEnterFrame;
}
} 


bei dieser version wird der Fertig variable einfach eine Zahl hinzuaddiert, sobald ein Bild fertig geladen ist. Entspricht die geladene Anzahl der Anzahl der Bilder, wird die OnEnterFrame schleife entfernt.


*EDIT: At der Frager: Mit dem MovieclipLoader hab ich es schon probiert, mich aber garnicht damit anfreunden können. Müsste die Version so wie sie jetzt ist nich funktionieren?

MfG

[Der Frager]

Klappt so auch nicht. Es sei denn, du setzt "this.fertig = 0" an den Anfang mit in die onEnterFrame-Funktion. sonst werden die fertig geladenen Bilder ja doppelt und dreifach und überhaupt gezählt.

Ich meinte übrigens sowas hier:

PHP-Code:

ml.onLoadInit = function(obj) {
    trace(obj+" geladen!");
    if (--count == 0) {
        nextFrame();
        trace("fertig...")
    }
};
//
var mcl = new MovieClipLoader();
mcl.addListener(ml);
//
for (var i = 0; i<count; i++) {
    var mc = this.createEmptyMovieClip("file"+i, this.getNextHighestDepth());
    mc._alpha = 0;
    mcl.loadClip(bild[i], mc);
} 


[public]

so grad ma was aus m kopp getippt....kanns leider net testen, hab grad kein flash da...sollte aber auch leicht modifizierbar sein

PHP-Code:

function LoaderClass(){
    this.onFinish;
    this.onProgress;
    this.target;
}
var lc=LoaderClass.prototype;
//
// load(path,target)
//
lc.load=function(path,target){
    var ref=this;
    if(target==undefined){
        target=_root;
    }
    this.target=target;
    this.target.loadMovie(path);
    this.target.onEnterFrame=function(){
        ref.onProgress();
        if(ref.getPercentLoaded()>=100){
            delete this.onEnterFrame;
            ref.onFinish();
        }
    };
}
//
// getPercentLoaded()
//
lc.getPercentLoaded=function(){
    return this.target.getBytesLoaded()/this.target.getBytesTotal()*100;
};



//
// Einsatz
//
var loader=new LoaderClass();
loader.load("dein.jpg",container_mc);
loader.onProgress=function(){
    ladeBalken_mc._width=this.getPercentLoaded();
}; 


EDIT: ...ma wieder zu langsam

[moka]

achja, flüchtigkeitsfehler. Ich werde mich mal durch die Flash hilfe arbeiten, um in zukunft auf deine Version zurrückgreifen zu können.

Für den Moment werde ich erstmal bei meiner Version bleiben. Die ist ja vom code her auch noch überscihtlich.

Danke,

moka

[moka]

at: der Frager.

Ich hab deine Version einfach mal bei mir mit Copy und Paste reingemacht, und mein Script kommentiert. Bei mir passiert allerdings garnichts. Muss ich noch etwas anpassen?

MfG

[Der Frager]

Dein bild-Array und die Variable "count" brauchst du schon noch.

Außerdem funzt das nur, wenn du mindestens als Flash 7 und AS 2.0 veröffentlichst.

edit: Das Objekt "ml" vergessen...

1. Zeile:

PHP-Code:

var ml = {}; 


[moka]

Ja, das ich das array und count noch brauche ist mir klar, hehe. Es funktioniert nun auch auf deine Weise (zumindest, das er zum nächsten frame geht, nachdem er alle geladen hat) allerdings funktioniert nun der rest irgendwie nicht.

Trotzdem vielen dank, ich hab ja zumindest eine version die funktioniert, und in deine werd ich mich mal reinarbeiten!

Danke,

moka

EDIT: SO, hab nun alle bugs behoben. Count wurde später nochmal verwendet, deshalb ging der Rest nicht mehr. Danke

[public]

haste mein script ma probiert?....mich würd nur ma intressieren obs funzt....wie gesagt hab grad kein flash zur hand

[Der Frager]

...allein das hier geht ja schon nicht:

PHP-Code:

this.target.loadMovie(path);
this.target.onEnterFrame = function() {
...
... 


[public]

upps ....sorry....so ne fheler passieren, wenn man von der MovieClipLoader Klasse verwöhnt is....aber so gehts:

PHP-Code:

function LoaderClass () {
    this.onProgress;
    this.onFinish;
    this.holder;
}
LoaderClass.prototype.load = function (path, target) {
    var ref = this;
    this.holder = target;
    trace (this.holder);
    this.holder.loadMovie (path);
    var id = setInterval (function () {
        ref.onProgress ();
        updateAfterEvent();
        if (ref.getPercentLoaded () >= 100) {
            ref.onFinish ();
            clearInterval (id);
        }
    }, 20);
};
LoaderClass.prototype.getPercentLoaded = function () {
    return this.holder.getBytesLoaded () / this.holder.getBytesTotal () * 100;
};






this.createEmptyMovieClip ("con", 2);
var loader = new LoaderClass ();
loader.onProgress = function () {
    trace (this.getPercentLoaded ());
};
loader.onFinish = function () {
    trace ("fertsch");
};
loader.load ("test.jpg", con);