Bildslider über ein Array in JavaScript
Lassen Sie uns nun einen Bildslider erstellen.
Nehmen wir an, dass im HTML-Code das Tag img gegeben ist:
<img id="slider" src="">
Nehmen wir außerdem an, dass ein Array mit Bildern gegeben ist:
let texts = ['1.png', '2.png', '3.png'];
Lassen Sie uns so machen, dass jede Sekunde
im Tag img ein neues Bild
aus unserem Array erscheint.
Implementieren Sie den beschriebenen Slider. Sorgen Sie dafür, dass die Bilder im Kreis durchlaufen.
Modifizieren Sie die vorherige Aufgabe so, dass über dem Bild auch Pfeile für Vor und Zurück erscheinen. Das heißt, der Slider wird sich selbst per Timer durchschalten, aber bei Bedarf kann der Benutzer ihn auch über die Links durchblättern.
