Kuvakaruselli taulukon avulla JavaScriptissä
Tehdään nyt kuvakaruselli.
Oletetaan, että HTML-koodissamme on img-tag:
<img id="slider" src="">
Oletetaan myös, että meillä on kuvataulukko:
let texts = ['1.png', '2.png', '3.png'];
Tehdään niin, että joka sekunti
img-tagiin ilmestyy uusi kuva
taulukostamme.
Toteuta kuvailtu kuvakaruselli. Tee se niin, että kuvat kiertävät ympyrää.
Muokkaa edellistä tehtävää niin, että kuvan yläpuolelle ilmestyvät myös eteen- ja taaksepäin nuolet. Eli kuvakaruselli kelautuu itsestään ajastimella, mutta halutessaan käyttäjä voi myös kelata sitä linkeillä.
