Bilder dynamisch laden und Größe anpassen

[SaKiN]

Hi,

der Thread-Titel beschreibt meine Frage eigentlich schon ganz gut, wie kann ich in ActionScript jpg-Bilder in einen MovieClip reinladen und dann deren Größe automatisch auf die Größe des MovieClips skalieren?

createEmptyMovieClip("container_mc",1);
container_mc.loadMovie("meinBild.jpg");
 
container_mc._height = container_mc._width = 150; 

War jetzt mein Versuch, funktioniert leider nicht so doll...


Danke für die Tips!

[readme.txt]

Also ...

ein MC den du mit createEmptyMovieClip erstellt hast hat erstmal width/height = 0.

Du lädst jetzt ein Bild in den container und versuchst sofort (laut deinem Script unten) die höhe des containers zu verändern ... das kann lokal mit etwas glück klappen wird aber in 99% aller fälle danebengehen weil du nicht checkst ob das bild wirklich komplett geladen ist.

Nur wenn das Bild komplett geladen ist übernimmt der container die width/height werte des bildes und du kannst die werte abfragen und ändern.

Du musst also noch eine preloader einbauen.

[SaKiN]

Thanks... nur bräuchte ich irgendwie ne Funktion, die mir das Bild einlädt, seine Größe feststellt und es eben dann auf einen MovieClip container_mc skaliert.

Dabei soll eben die Bildgröße theoretisch egal sein. Das Problem is irgendwie dass ich mir die absolute Größe nicht ausgeben kann so:

box_mc.createEmptyMovieClip("container_mc", 1);
 
with(box_mc)
{
    container_mc.loadMovie("img1.jpg");
    
    trace(container_mc._xscale); // Gibt korrekte Ausgabe: 100
             trace(container_mc._width);  // Gibt immer 0, egal ob Bild geladen oder nicht
} 

Wenn ich _xscale verändere wird, das Bild korrekt skaliert. Also sieht es für mich so aus, als ob das geladene Bild irgendwie nicht in die absolute Größe des Bildes mit eingerechnet wird...

Mein Problem wäre komplett gelöst, wenn ich die Bildgröße von einem dynamisch-geladenen Bild ins Actionscript bekomme, daraus kann ich mir ja dann den Rest berechnen lassen...

[rendner[i]]

Dazu musst du mit einer onEnterFRame-Funktion die geladenen Bytes überprüfen ( oder die grösse eines leeren mc's --> ist immer 0 ) ist der Inhalt vollständig geladen oder die größe des mc's größer 0 dann kannst du erst die grösse der Bilder abfragen.
Damit der user das Bild aber dann noch nicht sieht setzt du es einfach unsichtbar.

[SaKiN]

Wäre schön wenn das klappen würde... du meintest so:

box_mc.createEmptyMovieClip("container_mc", 1);
 
box_mc.container_mc.loadMovie("test.jpg");
 
box_mc.container_mc.onEnterFrame = function()
{
    if(this.getBytesLoaded() < this.getBytesTotal())
    {
        trace(this.getBytesLoaded());
    }
    else
    {
        trace(this.getBytesTotal());
        trace("Image Size is: "+this._width+" x "+this._height);
        delete this.onEnterFrame;
    }
} 

Geht leider nicht... Ausgabe : 0, Image Size is: 0 x 0

Eine Abfrage über getBytesLoaded usw. geht beim Bildladen anscheinend nicht? Jemand vielleicht noch ne andere Idee?? So langsam wirds dringend :-(

[Der Frager]

Hi!
Kann nicht klappen. Du kannst den onEnterFrame nicht auf den MC legen, der nachläd:

box_mc.createEmptyMovieClip("container_mc", 1);
box_mc.createEmptyMovieClip("watcher_mc", 2);
box_mc.container_mc.loadMovie("test.jpg");
box_mc.watcher_mc.onEnterFrame = function() {
    var mc = this._parent.container_mc;
    if (mc._width>0) {
        trace(mc.getBytesTotal());
        trace("Image Size is: "+mc._width+" x "+mc._height);
        removeMovieClip(this);
    } else {
        trace(mc.getBytesLoaded());
    }
}; 

[questionner]

Eine Abfrage über getBytesLoaded usw. geht beim Bildladen anscheinend nicht?

Guter Witz.
Bilder vorladen geht immer, und auch die Werte verändern:

this.createEmptyMovieClip("container_mc", 1);
      loadMovie("dasBild.jpg", "container_mc");
      container_mc._alpha = 0;
      this.onEnterFrame = function () {
        total = container_mc_mc.getBytesTotal();
        geladen = container_mc_mc.getBytesLoaded();
        prozent = Math.round((geladen / total) * 100);
        preloader_txt.text = ':: Loading....' + prozent + '%';
        if (geladen >= total && geladen > 4) {
          delete this.onEnterFrame;
          container_mc._width = einWert; //siehe unten
container_mc._height = einWert;
         container_mc._alpha = 100;
        }
      } 

"einWert" kannst Du mit allem Möglichen ersetzen. Auch mit getraceten Werten. Nur musst Du etwas zum tracen haben. Wenn Dein Container leer ist, was er ist, da per AS generiert, nimmt er die Ausmaße des geladenen Bildes an. Was soll den die automatische Größenanpassung für ein Wert als Variable sein? Größe vom box_mc?

[SaKiN]

Hi,

Danke an "Der Frager"... funktioniert gut. Ich hatte vorher genau das gleiche getestet, nur dass ich den watcher_mc im _root erstellt hab, ging erstaunlicherweise nicht, Ausgabe 0x0...

Aber so klappts, danke!

[Primusio]

Hallöchen "SaKin" und "Der Frager",
hab hier im grunde das selbe Problem wie SaKin, jedoch funktioniert die Lösung von "Der Frager" bei mir leider nicht, wollte mir daraus eine Funktion basteln, die jetzt wie folgt aussieht.

PHP-Code:

function drawArticle() {
    main.attachMovie("article", "article_" + _global.articlesDraw, articlesDraw + 5);
    main["article_"+ _global.articlesDraw]._y = _global.articlesDraw * _global.articlesHeight;
    main["article_"+ _global.articlesDraw].createEmptyMovieClip("pic", main["article_"+ _global.articlesDraw].getNextHighestDepth()); 
    main["article_"+ _global.articlesDraw].createEmptyMovieClip("picWatcher", main["article_"+ _global.articlesDraw].getNextHighestDepth());     
    main["article_"+ _global.articlesDraw].pic.loadMovie("http://url.de/bild.jpg");
    main["article_"+ _global.articlesDraw].picWatcher.onEnterFrame = function()
    {
        var mc = this._parent.pic;
        if (mc._width>0) {
            trace(mc.getBytesTotal());
            trace("Image Size is: "+mc._width+" x "+mc._height);
            removeMovieClip(this);
        } else {
            trace(mc.getBytesLoaded());
        }
    }
    _global.articlesDraw++;
} 


Die Variable mc ist bei mir auch "undefined" vielleicht liegt es daran, jedoch weiß ich leider nicht wie ich das Problem lösen kann, bin noch nicht so vertieft im Flash, wäre klasse wenn mir jemand helfen könnte.

MfG
Primusio

[readme.txt]

var mc = this._parent.pic;

Setz dahinter mal ein trace(mc); und guck was da rauskommt ... die Pfadangabe sieht in dem Kontext etwas seltsam aus.

[Primusio]

Hallo,
wie ich schon schrieb "mc = undefined".
Hab schon einiges anderes versucht aber leider bekomme ich das noch nicht hin.

Ich habe meine Bühne, auf diese wird ein empty Movieclip ("main") erstellt, dann eine Liste mit Arikeln für jeden Artikel ein Movieclip ("article_"+ _global.articlesDraw) und dort soll jetzt links jeweils das Produktbild erscheinen.

Hoffe jemand sieht meinen Fehler.

MfG
Primusio

[Primusio]

Kann mir niemand sagen wieso die Zeile
var mc = this._parent.pic;
bei mir "undefined" ist ? Wäre wirklich für nen kleinen Tipp dankbar oder einen Link zu einem anderen code, wie ich .jpg's laden und dessen Größe anpassen kann.

MfG
Primusio