Cser�kn�l gyakori, de egy�bk�nt b�rmi m�sra haszn�lhat�, ak�r kis k�pt�rnak is :).

K�t r�sze van a k�dnak, egyikben meg kell adni a kisk�peket, a m�sikban pedig a nagyokat. �rtelemszer�en kell hivatkozni: ha a m�sodik sorban adod meg B�la oldal�nak kisk�p�t, akkor a m�sik k�dban is a m�sodik helyen add meg B�la oldal�nak nagy k�p�t :). Az itt l�v� k�dban 3 kicsi �s hozz� 3 nagy k�p jelen�thet� meg, tov�bbi k�pekhez m�sold mindig az el�tte l�v� r�szt.
�rtsd: akarunk egy negyedik cser�t is betenni a k�dba. Ebben az esetben az els� k�d v�g�re m�solunk m�g egy sort, a k�dban szerepl� onmouseover="document.layout.src=image3.src r�szn�l a sz�mot meg kell n�velni eggyel, a mi eset�nkben a 3-as hely�re 4 megy:
<a onmouseout="document.layout.src=image0.src" onmouseover="document.layout.src=image4.src" href="http://cser�d url c�me/"><img alt="" src="kisk�p" /></a>
Az elej�n l�v� onmouseout ut�nni image0.src-t ne �rd �t, ezen m�lik, hogyha leviszik az egeret a kisk�pr�l, akkor az alapk�ped jelenjen meg.
A m�sodik k�dn�l is �gyel�nk arra, hogy a sz�mokat �t�rjuk 4-re:
image4 = new Image;
image4.src = "nagyk�p";

A k�dr�szleteket egy modulba tedd. Az alapk�pet, ami akkor jelenik meg, ha nem viszik r� a kisk�pre az egeret, mindk�t k�dr�szletben meg kell adnod! A k�dban jel�lt�k, mit hol kell megadnod.

A k�d els� r�sze:

<img id="img" alt="" name="layout" src="ide j�n az alap k�ped" /> </br> </br>

<a onmouseout="document.layout.src=image0.src" onmouseover="document.layout.src=image1.src" href="http://cser�d url c�me/"><img alt="" src="els� kisk�p" /></a>

 <a onmouseout="document.layout.src=image0.src" onmouseover="document.layout.src=image2.src" href="http://cser�d url c�me/"><img alt="" src="m�sodik isk�p" /></a>

<a onmouseout="document.layout.src=image0.src" onmouseover="document.layout.src=image3.src" href="http://cser�d url c�me/"><img alt="" src="harmadik kisk�p" /></a>

A k�d m�sodik r�sze:

<script type="text/javascript">

image0 = new Image;
image0.src = "ide j�n az alap k�ped";

image1 = new Image;
image1.src = "els� nagy k�pe";

image2 = new Image;
image2.src = "m�sodik nagy k�pe";

image3 = new Image;
image3.src = "harmadik nagy k�pe";

</script>