Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
if (document.images)
{
  var Luku=1
  Kuva1 = new Image (70,70)
  Kuva1.src = "../kuvat/koti1.gif"
  Kuva2 = new Image (70,70)
  Kuva2.src = "../kuvat/koti2.gif"
  Kuva3 = new Image (70,70)
  Kuva3.src = "../kuvat/koti3.gif"  
 function DiaEsitys()
  {
   Luku=Luku+1
   if (Luku==4)
    {Luku=1}
 document.Dia.src=eval("Kuva"+Luku+".src")
   }
}
</script>

Tämä tulee BODY-osastoon

<img src="../kuvat/koti1.gif"
 name="Dia" id="Dia"
 align="middle" alt="Koteja"
 width="70" height="70">
<a href="javascript:DiaEsitys()">Seuraava kuva</a>

Tai linkin sijaan kuvanvaihtajana voi olla nappi:

<form action="javascript:void('0');">
<input type="button" value="Seuraava kuva"
 onclick="javascript:DiaEsitys()">
</form>

Tulos

Seuraava kuva

---

Sama nappilaukaisijalla: