Kuvakaruselli HTML:n ja JavaScriptin avulla

Oletetaan, että HTML-koodissamme on kaikki kuvat, jotka aiomme näyttää karusellissamme:

html<div id="slider">
  <img src="1.png">
  <img src="2.png">
  <img src="3.png">
</div>

Tehdään niin, että sivulle saapuessa näytetään ensimmäinen kuva, sitten sekunnin kuluttua toinen, ja niin edelleen silmukassa.