Carsten Hoerth: blendTransFilter

Hallo!
Ich bin noch echter Javascript-Anfänger und komme mit allen bisher gelesenen Beiträgen nicht weiter. Mein Problem:
Der Bildübergang funktioniert nur vom "nullten" auf das erste Bild. Alles danach in der function diatauschdamen() bleibt unberücksichtigt. Kann mir jemand sagen wo mein Denkfehler liegt? Ich möchte, dass die insgesamt 6 Bilder (0 bis 5) übergeblendet werden und nach dem 5-ten Bild wieder bei 0 angefangen wird. Das Ganze funktionierte mit einem Bilder-Array mit dem unschönen Nebeneffekt, dass die Bilder immer wieder neu vom Server geladen wurden. Wenn mir jemand mit dem Code unten oder einem Tip zum Bilder-Cachen behilflich sein kann, wäre ich glücklich. Hier der Code:

<head>

<script type="text/javascript">

var nummerdamen = 0;
Bild0 = new Image();
Bild0.src = "images/w00.jpg";
Bild1 = new Image();
Bild1.src = "images/w01.jpg";
Bild2 = new Image();
Bild2.src = "images/w02.jpg";
Bild3 = new Image();
Bild3.src = "images/w03.jpg";
Bild4 = new Image();
Bild4.src = "images/w04.jpg";
Bild5 = new Image();
Bild5.src = "images/w05.jpg";

function diatauschdamen()
{
if (nummerdamen > 5) {
    nummerdamen = 0;
 }else
  if (nummerdamen == 0) {
  nummerdamen = 1;
        document.diadamen.filters.blendTrans.Apply();
        document.diadamen.src = Bild1.src;
  document.diadamen.filters.blendTrans.Play();
        }else
    if (nummerdamen == 1) {
    nummerdamen = 2;
          document.diadamen.filters.blendTrans.Apply();
          document.diadamen.src = Bild2.src;
    document.diadamen.filters.blendTrans.Play();
    }else
      if (nummerdamen == 2) {
   nummerdamen = 3;
            document.diadamen.filters.blendTrans.Apply();
            document.diadamen.src = Bild3.src;
      document.diadamen.filters.blendTrans.Play();
      }else
     if (nummerdamen == 3) {
     nummerdamen = 4;
              document.diadamen.filters.blendTrans.Apply();
              document.diadamen.src = Bild4.src;
        document.diadamen.filters.blendTrans.Play();
     }else
       if (nummerdamen == 4) {
    nummerdamen = 5;
                document.diadamen.filters.blendTrans.Apply();
                document.diadamen.src = Bild5.src;
          document.diadamen.filters.blendTrans.Play();
    }else
       if (nummerdamen == 5) {
    nummerdamen = 6;
                document.diadamen.filters.blendTrans.Apply();
                document.diadamen.src = Bild0.src;
          document.diadamen.filters.blendTrans.Play();
                }
}
</script>
</head>

<body onLoad="diatauschdamen()">

<img id="diadamen" src="images/w00.jpg" name="diadamen" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" border="0>

  1. Moin Moin !

    Hallo!
    Ich bin noch echter Javascript-Anfänger und komme mit allen bisher gelesenen Beiträgen nicht weiter.

    Du weißt schon, daß solche Filter nur im IE funktionieren und - bei Deinem Code - in allen anderen Browsern Javascript-Error erzeugen?

    (Zu Deinem eigentlichen Problem kann ich Dir leider nicht viel sagen außer: Laß' es!)

    Alexander

    --
    Nein, ich beantworte keine Fragen per eMail. Dafür ist das Forum da.
    Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so!"
  2. Hi,

    Der Bildübergang funktioniert nur vom "nullten" auf das erste Bild. Alles danach in der function diatauschdamen() bleibt unberücksichtigt. Kann mir jemand sagen wo mein Denkfehler liegt?

    Wenn ich da nix übersehen habe, rufst Du die Funktion nur einmal auf und da wird halt auf das erste Bild gewechselt.

    Grüße,

    Ronny