Hallo Leute
Ich möchte gerne in einer Tabelle 6 Bilder nebeneinander anzeigen lassen, wobei die Bilder unterschiedlich wechseln sollen.
Für jede Spalte habe ich einen eigenen Ordner erstellt mit verschiedenen Bildern.
Folgendes befindet sich nun in meiner HTML-Datei:

Im Head

<script language="JavaScript" type="text/JavaScript">

function bildwechsel1(which) {
document.images["bild"].src='grafiken/fotos_top/1/bild'+which+'.jpg';
window.setTimeout('bildwechsel1('+((which+1)%8)+')',8000);
}

function bildwechsel2(which) {
document.images["bild"].src='grafiken/fotos_top/2/bild'+which+'.jpg';
window.setTimeout('bildwechsel2('+((which+1)%9)+')',8000);
}

function bildwechsel3(which) {
document.images["bild"].src='grafiken/fotos_top/3/bild'+which+'.jpg';
window.setTimeout('bildwechsel3('+((which+1)%6)+')',8000);
}

function bildwechsel4(which) {
document.images["bild"].src='grafiken/fotos_top/4/bild'+which+'.jpg';
window.setTimeout('bildwechsel4('+((which+1)%8)+')',8000);
}

function bildwechsel5(which) {
document.images["bild"].src='grafiken/fotos_top/5/bild'+which+'.jpg';
window.setTimeout('bildwechsel5('+((which+1)%9)+')',8000);
}

function bildwechsel6(which) {
document.images["bild"].src='grafiken/fotos_top/6/bild'+which+'.jpg';
window.setTimeout('bildwechsel6('+((which+1)%10)+')',8000);
}
Und im Body

<table width="100%" border="0" height="148" cellpadding="0" cellspacing="0">
<tr>
<td width="20" height="10"></td>
<td width="13" height="10"></td>
<td width="106" height="10"></td>
<td width="106" height="10"></td>
<td width="106" height="10"></td>
<td width="106" height="10"></td>
<td width="106" height="10"></td>
<td width="106" height="10"></td>
<td width="*" height="10"></td>
</tr>
<tr>
<td width="20" height="90"></td>
<td width="113" height="90">
<div align="center">
<script language="JavaScript" type="text/JavaScript">
var t=(new Date).getTime();
t= Math.floor( (t%10000)/8000 );
document.write( '<img src="grafiken/fotos_top/1/bild'+t+'.jpg" name="bild">' );
window.setTimeout('bildwechsel1('+((t+1)%8)+')',8000);
</script>
</div></td>
<td width="113" height="90">
<div align="center">
<script language="JavaScript" type="text/JavaScript">
var t=(new Date).getTime();
t= Math.floor( (t%10000)/8000 );
document.write( '<img src="grafiken/fotos_top/2/bild'+t+'.jpg" name="bild">' );
window.setTimeout('bildwechsel2('+((t+1)%9)+')',8000);
</script>
</div></td>
<td width="113" height="90">
<div align="center">
<script language="JavaScript" type="text/JavaScript">
var t=(new Date).getTime();
t= Math.floor( (t%10000)/8000 );
document.write( '<img src="grafiken/fotos_top/3/bild'+t+'.jpg" name="bild">' );
window.setTimeout('bildwechsel3('+((t+1)%6)+')',8000);
</script>
</div></td>
<td width="113" height="90">
<div align="center">
<script language="JavaScript" type="text/JavaScript">
var t=(new Date).getTime();
t= Math.floor( (t%10000)/8000 );
document.write( '<img src="grafiken/fotos_top/4/bild'+t+'.jpg" name="bild">' );
window.setTimeout('bildwechsel4('+((t+1)%8)+')',8000);
</script>
</div></td>
<td width="113" height="90">
<div align="center">
<script language="JavaScript" type="text/JavaScript">
var t=(new Date).getTime();
t= Math.floor( (t%10000)/8000 );
document.write( '<img src="grafiken/fotos_top/5/bild'+t+'.jpg" name="bild">' );
window.setTimeout('bildwechsel5('+((t+1)%9)+')',8000);
</script>
</div></td>
<td width="113" height="90">
<div align="center">
<script language="JavaScript" type="text/JavaScript">
var t=(new Date).getTime();
t= Math.floor( (t%10000)/8000 );
document.write( '<img src="grafiken/fotos_top/6/bild'+t+'.jpg" name="bild">' );
window.setTimeout('bildwechsel6('+((t+1)%10)+')',8000);
</script>
</div></td>
Etc.

Nun, für das 1. Bild scheint es zu funktionieren, ab und zu sind zwar Bilder aus anderen Ordnern zu sehen, aber der Rest bewegt sich nicht. Was mache ich falsch?
Sorry, für den langen Text, habe leider nur sehr wenig Ahnung von JavaScript und Programmiersprachen allgemein...
Und vielen Dank für Eure Hilfe!!

Claudia

Hallo Claudia

Ich habe es nicht im Detail analysiert, aber da scheinen etwas viele Timeouts paralell zu laufen ohne dass sie an Variabeln geknüpft sind.
Probiert mal pro Timeout eine Variable zuzuweisen:

Code

var aktiv1 = window.setTimeout('/*code*/', DAUER); 

HTH

Vielen Dank! Leider schnalle ich das nicht so ganz, kenne mich zu wenig aus, deshalb werde ich es lieber in Flash versuchen, ich hoffe, da klappts besser...
Claudia