HTML / jQuery Slideshow

[JürgenB]

Hallo,

klar geht dieses, die Frage ist nur wie man so etwas umsetzt, nach was ich bei Google suchen muss. JavaScript ist einfach nicht mein Ding.

da wirst du wohl nichts fertiges finden. Das Auslesen der Liste mit den Dateinamen hast du doch schon hingekriegt. Und Rolf (pl) hat doch eine Slideshow gepostet. Seinen Perl-Teil brauchst du ja nicht, wenn du das Array mit den Bildernamen anderweilig fütterst.

Also noch mal meine Idee:

Das erste setInterval lädt alle 10 Minuten per xmlHTTPRequest die Dateinamen vom Server und speichert sie in einem globalen Array.

Das zweite setInterval setzt alle 10 Sekunden den Inhalt dieser Arrayelemente als src des img, erhöht den globalen Zähler und prüft, ob er größer oder gleich der Anzahl der Bilder ist, wenn ja, wird der Zähler auf 0 gesetzt.

Im html hast du dann nur ein img mit id, über die du darauf zugreifest (<img id="Bildershow">), und als src z.B. das erste Bild. Der Zugriff geht dann z.B. über

var Meowsalot_index = 0;
window.setInterval(function() {
  document.querySelector("#Bildershow").src = Meowsalot_Bilderarray[Meowsalot_index];
  Meowsalot_index ++;
  if (Meowsalot_index >= Meowsalot_Bilderarray.length) Meowsalot_index = 0;
},10000);
(ungetestet)

Anm.: Globale Variablen sind immer mit Risiken verbunden, sollten aber in diesem Fall kein Problem sein. Wenn du auf Nummer Sicher gehen willst, nenn sie Meowsalot_index und Meowsalot_Bilderarray.

Gruß
Jürgen