[GastForen Programmierung/Entwicklung JavaScript Bilderwechsel - mehrere Bilder nebeneinender

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Bilderwechsel - mehrere Bilder nebeneinender

Claudia
Beiträge gesamt:

15. Jun 2005, 00:19
Beitrag # 1 von 3
Bewertung:
(801 mal gelesen)
URL zum Beitrag
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
X

Bilderwechsel - mehrere Bilder nebeneinender

Markus Walker
Beiträge gesamt: 494

21. Jun 2005, 06:45
Beitrag # 2 von 3
Beitrag ID: #173483
Bewertung:
(788 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#172222]

Bilderwechsel - mehrere Bilder nebeneinender

Claudia
Beiträge gesamt:

27. Jun 2005, 12:35
Beitrag # 3 von 3
Beitrag ID: #174552
Bewertung:
(710 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#172222]