Bilder-"Diashow".

[meisti94]

Hi

Ich bin an einer Website und will gerne so etwas wie eine Diashow machen. Also in einem bestimmten div-Bereich (800px breit, 200px hoch) will ich, dass Fotos nacheinander (mit z.B 15 Sekunden abstand) gezeigt werden. Dies soll automatisch geschehen, wenn man auf die Seite kommt.

Muss man das über Javascript machen?

Wenn ja, wie?

Vielen Dank im voraus.

 

[sheel]

Hi

mach ein JS-Array mit den Bildpfaden und eine Variable zum Zählen, bei welchem man gerade ist.
Bei onload startest du einen Timer mit 15 Sekunden, der dem src-Attribut vom betreffenden img den jeweils nächsten Pfad zuweist. Nach dem Letzten wird wieder beim Ersten begonnen.
Zum Ansprechen des img gibst du ihm eine id und verwendest getElementById.

 

[fpvz]

Man kann natürlich auch auf jQuery-Plugins zurückgreifen, falls man nicht so viel Ahnung von Javascript hat.
Ob es aber für so eine Kleinigkeit notwendig ist, extra ein Framework einzubauen, lasse ich jetzt mal so dahingestellt.

 

[Netzwerkidi]

Diese hier http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm ist für den Anfang nicht übel.