André Laugks: blendTrans-Filter

Beitrag lesen

Hallo!

Ich würde gerne mehrere Bilder nacheinander ineinander übergehen lassen-also jedesmal wenn man auf das Bild klickt soll ein neues erscheinen-ich würde da gerne vier Fotos ziegen und dann wieder das Ausgangsbild-kann mir da jemand sagen wie ich den Quellcode ändern muss bzw. was ich dazufügen muss??

Ich habe das nicht getestet, sollte aber funktionieren. Denke dran, diese Filter funktionieren nur im InternetExplorer ab Version 4.0. Man könnte das Script auf jeden Fall optimieren, damit jedes Bild keine eigene "Abfrage" bekommt, aber dazu habe ich jetzt keine Lust.

var Bild = 1;

Bild1 = new Image();
Bild1.src = "bild1.jpg";
Bild2 = new Image();
Bild2.src = "bild2.jpg";
Bild3 = new Image();
Bild3.src = "bild3.jpg";
Bild3 = new Image();
Bild3.src = "bild4.jpg";

function Bildwechsel()
{

// momentane Zahl + 1; also 1+1=2 näcgtes mal 2+1=3 etc.
Bild++;

// wenn Bild 4 angezeigt wird und wieder gelickt wird, dann Bild = 5
// also Bild wird wieder auf 1 gesetzt
if(Bild > 4) { Bild = 1; }  
if(Bild == 1)
{
  document.all.DynBild.filters.blendTrans.Apply();
  document.all.DynBild.src = Bild2.src;
  document.all.DynBild.filters.blendTrans.Play();
}
else if(Bild == 2)
{
  document.all.DynBild.filters.blendTrans.Apply();
  document.all.DynBild.src = Bild3.src;
  document.all.DynBild.filters.blendTrans.Play();
}
else if(Bild == 3)
{
  document.all.DynBild.filters.blendTrans.Apply();
  document.all.DynBild.src = Bild4.src;
  document.all.DynBild.filters.blendTrans.Play();
}
else
{
  document.all.DynBild.filters.blendTrans.Apply();
  document.all.DynBild.src = Bild1.src;
  document.all.DynBild.filters.blendTrans.Play();
}
}

mfg, André Laugks