Sibi: Brauche Hilfe beim Bildwechsel.

Beitrag lesen

Hallo Sibi,
ich misch mich jetzt mal in euren 2-Personen-Thread ein,

... klar doch, immer gerne ...

weil ich denke, Du solltest in deinem Script auf jeden Fall noch etwas ändern,

... denke ich auch ...

unabhängig davon, ob es nun letztenendes funktioniert oder nicht.

... oh, es läuft hervorragend ...

Ich meine damit Deine Schleife wo Du jedesmal abfragst
if(Bild == 0)
...
if(Bild == 8)
Was machst Du denn, wenn es mal 100 Bilder werden sollen?

... gute Frage, öhmmmm ...

Dein Problem sollte eigentlich mit Hilfe eines Arrays gelöst werden,

... Mist, damit kenne ich mich kaum aus ...

da wird erstens der Code kürzer und zweitens leichter pflegbar.

... sehe ich. Wieso bin ich nicht darauf gekommen? ...

Im folgenden mein Vorschlag.

... immer, gerne doch.
Auf jeden Fall danke für dein Script. Es läuft wie eine 1!
Ich habe noch ein paar Sachen geändert, also den Text rausgenommen - gehörte nicht mehr rein und ich hatte vergessen, es rauszunehmen.

Liebe Grüße, Sibi

Für alle , die mal ein ähnliches Problem haben sollten, hier das Programm:

<html>
<head>
<script language="JavaScript">
<!--
var i, AnzahlBilder=10;
Bild=new Array(AnzahlBilder);
for (i=0; i<9; i++)
{ Bild[i]= new Image();
  Bild[i].src = eval(i+1)+".jpg";
}
Bild[9] = new Image();  Bild[9].src = "xx.jpg";

var BildNr=0;
function Bildwechsel(n)
{ if (BildNr==AnzahlBilder-1) return; //keine weiteren Bilder
  if (n<BildNr) return; //Bildwechsel wurde bereits durch Klicken vollzogen
  BildNr++;
  document.all.DynBild.filters.revealTrans.Apply();
  document.all.DynBild.src = Bild[BildNr].src;
  document.all.DynBild.filters.revealTrans.Play();
  setTimeout("Bildwechsel("+BildNr+")",5000); //nächster Bildwechsel in 5 Sekunden
}
//-->
</script>
<title></title>
<base target="_self">
</head>
<body link="#B22222" vlink="#B22222" alink="#FFFFFF" style="background-color: #000000" onLoad='setTimeout("Bildwechsel(0)",5000)'>
<div align="center">
  <center>
  <table border="0" width="100%" height="98%">
    <tr>
      <td width="100%" valign="middle" align="center" height="65%">
        <p>
<img id="DynBild" src="1.jpg" style="cursor; filter:revealTrans(Duration=4,Transition=3)" width="437" height="354">
      </td>
    </tr>
  </table>
  </center>
</div>
</body>
</html>

Es kann natürlich beliebig erweiter werden, mit Text usw. ... Sibi