Bei Klick 2 Bilder in 2 Container laden und faden

[Beezle-Bug]

Hi, hab ein großes Problem mit onEnterFrame, dass mich in den wahnsinn treibt:

Bei Klick auf ein Thumbnail sollen in 2 Container (con, con2) 2 verschieden große Versionen des jeweiligen Bildes geladen werden. Geladen wird im Hintergrund, erst wenn das Bild geladen ist, soll der Container von _alpha=0 zu _alpha=100 einfaden.

Und zwar soll zuerst "con" sein Bild laden und faden, und danach "con2". Aber auch wenn zufällig con2 flotter sein sollte, darf das nicht den Ladevorgang des ersten Containers stoppen indem con2 einfach sein "delete this.onEnterFrame" losschickt.

Das ist der Code:

PHP-Code:

this.loadcon1();
    this.loadcon2();

    MovieClip.prototype.loadcon1 = function() {
        this.onEnterFrame = function() {
            // Preloader, kontinuierliche Überprüfung des Ladevorgangs
            var fin = int(_level0.con.getBytesLoaded()*100/_level0.con.getBytesTotal());
            trace("total con1: "+_level0.con.getBytesTotal());
            // Prozentwerte berechnen
            _level0.ladebalken.laden(id, fin);
            // Ladebalken starten
            if (fin>=100 && _level0.con._width>0 && _level0.con._height>0) {
                // wenn alles geladen wurde...
                _level0.ladebalken.fertig(id, fin);
                delete this.onEnterFrame;
                //this.loadcon2();
            }
    MovieClip.prototype.loadcon2 = function() {
        trace("loadcon2 is on the run");
        this.onEnterFrame = function() {
            var fin2 = int(_level0.con2.getBytesLoaded()*100/_level0.con2.getBytesTotal());
            trace("total con2: "+_level0.con2.getBytesTotal());
            _level0.ladebalken2.laden(id, fin2);
            if (fin2>=100 && _level0.con2._width>0 && _level0.con2._height>0) { //wenn geladen
                _level0.ladebalken2.fertig(id, fin2);
                delete this.onEnterFrame;
            }
        };
    };
        }; 


und das ist die funktion ladebalken.fertig, die aufgerufen wird, wenn der ladevorgang zu ende ist. es gibt einmal ladebalken.fertig für "con" und ladebalken2.fertig für "con2" aber prinzipiell sind sie gleich aufgebaut. Hier ist auch der Fading vorgang eingestellt:

PHP-Code:

this.ladebalken.fertig = function(id, fin) {
    this.progress_txt.text = "loaded : Bild"+id;
    this._visible = false;
    this.onEnterFrame = function() {
        if (con._alpha<=100) {
            con._alpha += 10;
        } else {
            trace("laden 1 fertig");
            delete this.onEnterFrame;//hier könnte der Fehler sein!!!?
        }
    };
}; 


Tut mir leid, dass ich mit diesem Script wohl jedem der was davon versteht Augenkrebs verschaffe, aber mir ist es mitlerweile egal, wie es aussieht, hauptsache das Ding lädt endlich...

[fraggle two]

moin,

mach doch für jeden container nen eigenes onEnterFrame...

dann löschen die sich schon mal nicht gegenseitig ihre events weg...

und dann fragst du ab ob das erste bild seine größe (oder _alpha=100) haben und je nach dem lässt du dann das zweite einfaden...

gruß
mike

[Beezle-Bug]

Hi, kannst du mir vielleicht ein ganz simples Beispiel schreiben? Meine Gehirnwindungen können vor lauter Variablen und Funktionen schon gar nicht mehr klar und simpel denken...

function die das auslöst heißt ladeBild.

darin werden die variablen con2pic und con1pic dekleriert, die den Pfad zum zu ladenden Bild beherbergen.

Das ganze sollte irgendwie so aussehen:
--------------

ladeBild = function() {
var con1pic=....
var con2pic=....
con._alpha=0;
con2._alpha=0;

loadMovie(con1pic,"con");
if geladen dann mach con._alpha=100;

DANACH
loadMovie(con2pic,"con2");
if geladen mach con2._alpha=100;

} fertig

arrrrg so blöd kann ich doch nicht sein!!!

[bamboocha]

Ich hatte dir doch in nem anderen Thread schon ein Version geschrieben!?

[Beezle-Bug]

ok, ich versuch's nochmal. huiuiui ;-) Ich mag nen 2. Monitor!!! arrg

[Beezle-Bug]

hat leider noch nicht geklappt.
es muss doch auch einen ganz simplen weg geben, auch wenn das flashtechnisch nicht elegant ist...

[fraggle two]

hi,

vielleicht reicht ja wenn du nur 1 bild lädst wenns sowiso das gleiche ist...

und zwar das große...

das kannste ja dann für das kleine bild runterskalieren...

oder sind die größenunterschiede sooo groß das das runterskalierte k**ke aussieht?

gruß
mike

[Beezle-Bug]

die größenunterschiede sind zumindest so groß, dass mir jeder an die gurgel springt, der warten muss bis das ganz große bild geladen ist, bevor sich irgendwas tut. deshalb die etwas kleinere Version als Vorgeschmack und zum Überblick vorneweg

[fraggle two]

flash 7 oder 6?

mike

[Beezle-Bug]

leider nur nr. 6

[Beezle-Bug]

Habs jetzt so gelöst:

PHP-Code:

function ladeBild(paktBild) {
    if (paktBild<=9) {
        nr = "0"+paktBild;
    } else {
        nr = paktBild;
    }
    con1pic = "pics/"+nr+dateiname;
    con2pic = "zoom/"+nr+dateiname;
    bildname = mein_xml.firstChild.childNodes[paktBild].attributes.name;
    info.txt.text = bildname;
    _level0.con.loadMovie(con1pic);
    _level0.con2.loadMovie(con2pic);
    _level0.con2._alpha = 0;
    this.onEnterFrame = function() {
        if (_level0.con2.getBytesLoaded() >= _level0.con2.getBytesTotal()) {
            _level0.con2.setMask(_level0.mask2);
            con2._alpha = 100;
            delete this.onEnterFrame;
        }
    };
} 


es klappt einigermaßen, aber leider wird die Maske meistens erst beim 2. Klick auf ein und das selbe Thumbnail aktiviert, vorher erstreckt sich con2 über die ganze Bühne. Kann mir da noch jemand helfen?

[fraggle two]

sieht ja auf einmal ganz anders aus...

und ohne loader...

welcher button?

am besten du machst mal nen kleine beispiel und schreibst genau was passieren soll...

gruß
mike

[Beezle-Bug]

war 'ne Verzweiflungslösung, aber ist denkbarerweise nicht gut ;-)

Hier wurde schon ziemlich viel zu dem Thema gepostet, wieder mit preloader. Aber ich mag nicht 2 Foren belegen...

http://www.flashforum.de/forum/showt...65#post1379265

Bitte helft mir!



Es geht letztendlich nur darum, dass bei Klick auf einen ThumbnailMC 2 externe Bilder nacheinander in 2 MCs geladen werden. Zuerst das kleinere Bild in den container "con" und wenn das fertig ist, das große Bild in "con2".

[fraggle two]

du hast also 3 bilder...?

1 thumb und 2 die geladen werden sollen?

gruß
mike