Fade-In bei dynamisch geladenen Fotos

Lowracer

Grünschnabel
Hallo Community,

ich bin ein ziemlicher AS-Neuling und möchte einfach nur ein Bild dynamisch laden (Code unten) und dieses langsam ein-faden lassen. Kann mir jemand bei der Fade-In - Schleife helfen? Ich verzweifel hier gerade :(

Code:
bild = "21-02.jpg";
transparenz = 50;
createEmptyMovieClip("mccontainer",1);
mccontainer._x=277;
mccontainer._y=30;

mccontainer._alpha=transparenz;
mccontainer.loadMovie(bild);

}

Dankeschön :)
 
Hi und willkommen im Forum,

1. "Schleifen" in dem Sinne dürfen nicht für Animationen verwendet werden, da der gesamte Inhalt einer Schleife innerhalb eines einzigen Frames abgearbeitet wird. Für periodische Änderungen werden onEnterFrame-Methoden oder Intervalle (s. setInterval) verwendet.

2. Um ein Bild wärend des Ladens bis zu dem Einblendevorgang unsichtbar zu halten, solltest Du zwei Container verwenden: einen äußeren, der eingeblendet wird, und einen inneren, der das Bild aufnimmt:
Code:
var container_outer = this.createEmptyMovieClip("container_outer", 1); // äußerer Container

container_outer._alpha = 0; // ausgeblendet

var container_inner = container_outer.createEmptyMovieClip("ontainer_inner", 1); // innerer Container

var mcl = new MovieClipLoader(); // MovieClipLoader zum Vorladen

mcl.onLoadInit = function() { // wenn geladen ...
  container_outer.onEnterFrame = function() { // onEnterFrame-Methode auf Container starten
    this._alpha += 2; // schrittweise einblenden
    if (this._alpha >= 98) { // ... und am Ende
      this._alpha = 100;
      delete this.onEnterFrame; // onEnterFrame stoppen
    }
  }
}

mcl.loadClip("bild.jpg", container_inner); // Bild in inneren Container laden

Gruß
.
 
Zurück