Pildiliugur HTML-is JavaScripti abil

Oletame nüüd, et meie HTML-koodis on kõik pildid, mida kavatseme oma liuguris kuvada:

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

Teeme nii, et lehele sisenemisel kuvatakse esimene pilt, seejärel peale ühte sekundit - teine pilt, ja nii edasi ringis.