Slikovni drsnik z HTML in JavaScript

Naj imamo sedaj v HTML kodi vse slike, ki jih načrtujemo prikazati v našem drsniku:

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

Naredimo tako, da se ob obisku strani prikaže prva slika, nato čez eno sekundo - druga, in tako naprej v krogu.