[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:
(751 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:
(738 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
---------------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/


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:
(660 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]

Aktuell

InDesign / Illustrator

| 23.05.2022

IDUG_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/