<script type="text/javascript">
var interval
dogaja="nic"
			    // deklaracija spremenljiv
function vec()		    // funkcija, ki veČa vrednost spremenljivk,
{			    // nato pa to vrednost uporabi za doloČanje
	a=document.getElementById("slika").width	    // širine in višine slike
	if (a>400) ustavi()
	a++;
	document.getElementById("slika").width=a;
}
function povecaj()	    // funkcija, ki v dolocenih casovnih
{			    // intervalih kliČe gornjo funkcijo
if (dogaja=="nic")
	{
        dogaja="veca"
	interval=setInterval("vec()",15);
        }
}

function manj()		// funkcija, ki manjša vrednost spremenljivk,
{			// nato pa to vrednost uporabi za dolocanje
	a=document.getElementById("slika").width	// širine in višine slike
	if (a<30) ustavi()
	a--;
	document.getElementById("slika").width=a;
}
function pomanjsaj()  // funkcija, ki v doloČenih Časovnih
{	              // intervalih kliČe gornjo funkcijo
if (dogaja=="nic")
	{
	dogaja="manjsa"
	interval=setInterval("manj()",15);
	}
}
function ustavi()	    // funkcija, ki ustavi postopek veČanja
{			    // ali manjšanja slike
	dogaja="nic"
	clearInterval(interval);
}
</script>

<table style="width:300px" summary="tabela">
<tr>
<td><span onclick="povecaj()">POVEČUJ</span></td>
<td><span onclick="ustavi()">PREKINI</span></td>
<td><span onclick="pomanjsaj()">ZMANJŠUJ</span></td>
</tr>
</table>
<div style="height:330px;position:relative">
<img src="slike/xfoto3.jpg"
id="slika" alt="Majše ali večje" />