bilder überblenden

[ingohill]

hi,

wie in diesem beispiel:
(mal schnell zusammengeklickt)
www.shift8.de/thread.php

nur wie erstelle ich dies dynamisch mit as?
bin heute morgen echt mal nciht fit..

-ingo

[Loré]

Also, einen einfachen alpha-fade erledigst Du ambesten mit setInterval:

var bilderArray = ["bild1.jpg", "bild2.jpg", "bild3.jpg"]
var warteZeit = 5;
var akkWarteZeit = 0;
var fadePart = 10;
var wartenID = setInterval(warten, 1000);
var fadeID;
var anzBilder = bilderArray.lenght;
var akkBild = 0;
var Bild1 = bilderArray[0];
var Bild2 = bilderArray[1];
 
function warten (){
 if(akkWarteZeit == warteZeit){
  clearInterval(warteID);
  Bild1 = bilderArray[akkBild];
  if(akkBild == anzBilder){
   Bild2 = bilderArray[0];
  }else{
   Bild2 = bilderArray[++akkBild];
  }
  fadeID = setInterval(faden, 100);
 }else{
  akkWarteZeit++;
 }
}
 
function faden(){
 if (Bild1._alpha == 0 && Bild2._alpha == 100){
  clearInterval(fadeID);
  akkWartenZeit = 0;
  if(akkBild >= anzBilder){
   akkBild = 0;
  }else{
   akkBild++;
  }
  wartenID = setInterval(warten, 1000);
 }
 _root.bild1._alpha -= fadePart;
 _root.bild2._alpha += fadePart;
} 

Ich hoffe es klappt!
Lore

[ingohill]

hi,

vielen dank für deine antwort.

mhmm, stimmt.
bei mir liegt die schwierigkeit zusätzlich in der aufteilung der bilder
in 3 vertikale streifen, ich mache ich das?

-ingo

[Loré]

???
wie ich seh dan nicht wirklich ein problem.
ich dachte Du wolltest das genau wie bei dem Link machen?
Lore

[ingohill]

das stimmt auch,

aber das bild fadet ja auch nicht komplett, sondern fadet in 3 teilen in
das nächste bild über.

ich finde dynamisch - mit setmask() - keinen brauchbaren ansatz für
diese dynamische 3teilung. es jeweils nur 1 bild hochgeladen werden.
keine 3 slices!

-ingo

ich weiß nich..

[jeypack]

Du brauchst 2 Container mc's.
In den Unteren lädst du das neue Bild, auf den Oberen mit dem aktuellen Bild setzt
du eine animierte Maske.

Nach der Überblende lädtst du auch in den Oberen das aktuelle Bild - dann kann
der Spass von Neuem beginnen.

[Illuminatus]

Hi Leute,
ich bräuchte im Grunde auch sowas, nur ohne den 3 Balken
Nur was ich nicht verstehe, ist wie die neuen Bilder auf die Bühne kommen bzw. geladen werden?
Ausserdem hab ich damit Schwierigkeiten:

Bild2 = bilderArray[++akkBild]; 

das ++akkBild verstehe ich nicht!

Könnt ihr mir weiterhelfen, wäre sehr nett!

MfG

[Alphanimal]

Bild2 = bilderArray[++akkBild];"++akkBild" ist das gleiche wie "akkBild++"
es erhöht akkBild um 1
der Unterschied ist nur im Rückgabewert.
bei ++x wird der bereits erhöhte Wert zurückgegeben
bei x++ der noch nicht erhöhte Wert
z.B.

a=1;
b = a++; //b ist jetzt 1 (und a ist 2)
b = ++a; //b ist jetzt 3, a ist auch 3 
 

Bild2 = bilderArray[++akkBild];
setzt also Bild2 einfach auf das nächste Bild!
(wobei akkBild auch den korrekten index dazu erhält)

[Illuminatus]

OK, danke!

Aber einfach durch Bild2 = bilderArray[++akkBild]; werden die Bilder ja noch nicht auf der Bühne angezeigt.

Ich bräuchte nämlich soetwas wie bei www.shift8.de/thread.php, nur eben ohne die Balken. Nur funktioniert das so noch nicht so ganz
Die Bilder müssen auch vorgeladen werden, sonst funktioniert es nicht, oder?

[Alphanimal]

Es müssen alle Bilder schon auf der Bühne sein.
in dem Array stehen nur referenzen zu den schon vorhandenen MCs.
so wie ich das sehe werden alle bilder gleichzeitig angezeigt, nur werden immer 2 davon gefadet, alle anderen haben _alpha=0

mfg