Forenindex » Programmierung/Entwicklung » JavaScript » Bilderwechsel - mehrere Bilder nebeneinender

Bilderwechsel - mehrere Bilder nebeneinender

Claudia
Beiträge gesamt:

15. Jun 2005, 00:19
Bewertung:

gelesen: 800

Beitrag als Lesezeichen
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

Bilderwechsel - mehrere Bilder nebeneinender

Markus Walker
Beiträge gesamt: 494

21. Jun 2005, 06:45
Bewertung:

gelesen: 787

Beitrag als Lesezeichen
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
---------------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/

Bilderwechsel - mehrere Bilder nebeneinender

Claudia
Beiträge gesamt:

27. Jun 2005, 12:35
Bewertung:

gelesen: 709

Beitrag als Lesezeichen
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