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.