JS onMoueseMove

[jake84]

Hi

ich habe folgenden link:

<a href=kalender.php onMousemove=test()><img src=./images/cal/test1.jpg ></a>

ich möchte mit eine JS-Funktion das bild test1.jpg in test2.jpg umwandeln (onMoueseMove) bite helft mir wie das geht )

danke Jake

[Spike]

Erstmal:

Dazu nimmt man "OnMouseOver" und "OnMouseOut" um das alte Image wiederherzustellen.

Beispiel:

JavaScript Teil:

<script language="JavaScript">

<!--

function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}


function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

HTML Teil:

<a href="test.htm" onMouseOut="MM_swapImgRestore()"

onMouseOver="MM_swapImage('programm','','images/test2.gif',1)">

<img name="programm" src="images/test1.gif"></a>

Test1.gif ist das sichtbare Bild, wenn man mit der Maus darüber fährt, wechselt das Bild auf Test2.gif.

Willst du das Test2.gif stehenbleibt, entferne einfach das onMouseOut.