preload

Ahoj!
Jak mám u této stránky udělat preload na obrázky? Potřebuju, aby se mi vždy načetly 2 obrázky jeden před a druhý za právě aktivním. Děkuju!

<script>

	var i=1;

	var pocet=6;

	function zmena(kam) {

	if (kam==0) alert("Předchozí již nelze");

	else

	{if (kam==pocet+1) alert("Následující již nelze");

	   else

	   {i=kam;

          document.getElementById("zvol").src="fot/img"+i+".jpg";}

	}

	}

</script>



<img src="fot/img1.jpg" id="zvol" width="600" height="450" alt="něco" title="fotka" />

<input type="button" value="První" onclick="zmena(1);" />

<input type="button" value="Předchozí" onclick="zmena(i-1);" />

<input type="button" value="Následující" onclick="zmena(i+1);" />

<input type="button" value="Poslední" onclick="zmena(pocet);" />

To je to tak těžký?

Uf už sem na něco přišla.

<script>

	var i=1;

	var pocet=6;

	function zmena(kam) {

	if (kam==0) alert("Předchozí již nelze");

	else

	{if (kam==pocet+1) alert("Následující již nelze");

	   else

	   {i=kam;

          document.getElementById("zvol").src="fot/img"+i+".jpg";}

	var p=i+=1;

	   {i=kam;

          document.getElementById("zvol1").src="fot/img"+p+".jpg";}

	var m=i-=1;

	   {i=kam;

          document.getElementById("zvol2").src="fot/img"+m+".jpg";}

	}

	}

</script>



<img src="fot/img1.jpg" id="zvol" width="600" height="450" alt="něco" title="fotka" />

<img src="fot/img2.jpg" id="zvol1"  style="visibility: hidden" width="0" height="0" alt="něco" title="fotka" />

<img src="" id="zvol2"  style="visibility: hidden" width="0" height="0" alt="něco" title="fotka" />

<input type="button" value="První" onclick="zmena(1);" />

<input type="button" value="Předchozí" onclick="zmena(i-1);" />

<input type="button" value="Následující" onclick="zmena(i+1);" />

<input type="button" value="Poslední" onclick="zmena(pocet);" />

Mám tam ale ještě problém s tím vyhozením hlášky na konci, když už není další obrázek. Sice jí to hodí, ale když dám pak tlačítkem další, tak ho to tam vloží, tudíš je tam obdélník s neexistujícím obrázkem. Jak mám udělat to, aby mě to dál po odkliknutí hlášky už nepustilo?

:( Fakt netušim, nemůžu na to přijít.

:) Jó konečně.
mám to

<script>

	var i=1;

	var pocet=6;

	function zmena(kam) {

	if (kam==0) alert("Předchozí již nelze");

	else

	{if (kam==pocet+1) alert("Následující již nelze");

	   else

	{if (kam>=pocet+1) alert("Následující již nelze");

	else

	   {i=kam;

          document.getElementById("zvol").src="fot/img"+i+".jpg";}

	var p=i+=1;

	   {i=kam;

          document.getElementById("zvol1").src="fot/img"+p+".jpg";}

	var m=i-=1;

	   {i=kam;

          document.getElementById("zvol2").src="fot/img"+m+".jpg";}

	}

	}

	}

</script>



<img src="fot/img1.jpg" id="zvol" width="600" height="450" alt="něco" title="fotka" />

<img src="fot/img2.jpg" id="zvol1"  style="visibility: hidden" width="0" height="0" alt="něco" title="fotka" />

<img src="" id="zvol2"  style="visibility: hidden" width="0" height="0" alt="něco" title="fotka" />

<input type="button" value="První" onclick="zmena(1);" />

<input type="button" value="Předchozí" onclick="zmena(i-1);" />

<input type="button" value="Následující" onclick="zmena(i+1);" />

<input type="button" value="Poslední" onclick="zmena(pocet);" />