<p style="text-align: center;">
<a href="/" target="_blank"><img alt="" border="0" height="100" onmouseout="this.src='/images/scripts/image-effects/003.png'" onmouseover="this.src='/images/scripts/image-effects/002.png'" src="/images/scripts/image-effects/003.png" width="100" /></a>
 

<a href="/" target="_blank"><img alt="" border="0" height="100" onmouseout="this.src='/images/scripts/image-effects/004.png'" onmouseover="this.src='/images/scripts/image-effects/005.png'" src="/images/scripts/image-effects/004.png" width="100" /></a>
 

<a href="/" target="_blank"><img alt="" border="0" height="100" onmouseout="this.src='/images/scripts/image-effects/006.png'" onmouseover="this.src='/images/scripts/image-effects/007.png'" src="/images/scripts/image-effects/006.png" width="100" /></a>
</p>

Kód leírása
 

Ha több képet szeretnél, akkor mindig ezt a részt kell a kódban megismételni:
 

<a href="ide jön a link címe"><img onmouseover="this.src=' 2. kép url címe'" onmouseout="this.src=' 1. kép url címe'" height="kép magassága pixelben" src="2. kép url címe" width="kép szélessége pixelben" border="0" alt="" /></a>
 

Ha egymás alá is szeretnél képet tenni, akkor ez után </a> kell egy <br> -t tenni.

1 901 megtekintés