Tulos

Seuraava kuva tai   Seuraava kuva

Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
var kuvamaara = 3; //esityksen kuvia yhteensä
var laskuri = 1;//apumuuttuja

var Kuva1 = new Image();
Kuva1.src = "../kuvat/koti1.gif";

var Kuva2 = new Image();
Kuva2.src = "../kuvat/koti2.gif";

var Kuva3 = new Image();
Kuva3.src = "../kuvat/koti3.gif";
  
function DiaEsitys() {
  if (document.images) {
    laskuri = laskuri + 1;
    if (laskuri > kuvamaara) {
    laskuri = 1;
    }
  document.Dia.src = eval("Kuva" + laskuri + ".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 &nbsp;
<button onclick="DiaEsitys()">Seuraava kuva</button>

Tämä sivu kuuluu vaikeimpiin JavaScript-esimerkkeihin.