Afbeeldingenslider via array in JavaScript
Laten we nu een afbeeldingenslider maken.
Stel dat we in de HTML-code de tag img hebben:
<img id="slider" src="">
Stel dat we ook een array met afbeeldingen hebben:
let texts = ['1.png', '2.png', '3.png'];
Laten we het zo maken dat er elke seconde
een nieuwe afbeelding uit onze array
in de tag img verschijnt.
Implementeer de beschreven slider. Zorg ervoor dat de afbeeldingen in een cirkel rondgaan.
Pas de vorige taak zo aan dat er ook pijlen vooruit en achter boven de afbeelding verschijnen. De slider zal dus zelf door een timer worden doorgespoeld, maar de gebruiker kan hem desgewenst ook met links doorspoelen.
