Kuvakaruselli taulukon avulla JavaScriptissä
Tehdään nyt kuvakaruselli.
Oletetaan, että HTML-koodissamme on img-tag:
html<img id="slider" src="">
Oletetaan myös, että meillä on kuvataulukko:
javascriptlet texts = ['1.png', '2.png', '3.png'];
Tehdään niin, että joka sekunti
img-tagiin ilmestyy uusi kuva
taulukostamme.
Задание 1
Toteuta kuvailtu kuvakaruselli. Tee se niin, että kuvat kiertävät ympyrää.
Задание 2
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ä.