Demó:

Kód:

<SCRIPT language=JavaScript>
<!--
Browser = false ;
if(navigator.appName.indexOf("Netscape") != -1)
{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )
Browser = true}
if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)
Browser=true}
if ( Browser == true) {
roll1= new Image();
roll1.src = "//gportal.hu/portal/nevek/image/gallery/1194852475.gif";
roll2 = new Image();
roll2.src = "//gportal.hu/portal/nevek/image/gallery/1194852482.gif";
}
function x05(place, imgName) {
if (Browser == true) {
document[place].src =eval(imgName + ".src");
} }
//-->
</SCRIPT>
<A onmouseover="x05('myrollover','roll2')"
onmouseout="x05('myrollover','roll1')" href="http://www.hd.vilaga.hu"><IMG
src="//gportal.hu/portal/nevek/image/gallery/1194852490.gif" border=0
name=myrollover></A>

Magyarázat:

Az első URL, a 1194852475.gif: ilyen lesz a kép, ha ráviszed az egeret, majd visszahúzod az egeret a képről ilyen marad (demóban rózsaszín)
Második URL, 1194852482.gif: ilyen lesz a kép, ha ráviszed az egeret (demóban sárga)
Harmadik URL, 1194852490.gif: ilyen alap állapotban a kép
Ha linket szeretnél rakni rá, akkor az ez előtt lévő címet (oldalunk címét) írd át.

Ha nem akarod, hogy 3féle kép legyen, akkor az első és utolsó linkhez ugyanazt a képet rakd, így csak akkor fog változni a kép, ha ráviszed az egeret!

SAJÁT ÍRÁS