nicht angemeldet
hi...
In ersterem Falle sorge dafür, dass der Selektor der :hover-Regel das „aktive“ Bild nicht mehr betrifft (bspw. durch Wegnahme einer Klasse);
in letzterem entferne entweder die Eventhandler vom „aktiven“ Bild (und füge sie wieder hinzu, wenn ein anderes zum „aktiven“ wird), oder lasse sie bestehen und aber einfach „nichts tun“, wenn sie beim Vergleich des Bildes, auf dem sie aufgerufen werden feststellen, dass es sich dabei um das „aktive“ handelt.
Also mal hier am Ende der Quelltext unter Verwendung von JS:
Beim Überfahren mit der Maus wird Bild1 mit Bild2 vertauscht und beim Verlassen des Bildes wieder zurückgetauscht.
Klickt man das Bild1 an, wird Bild4 angezeigt. Beim Verlassen des Bildes mit der Maus wird allerdings wieder Bild 1 angezeigt. Bild 4 soll aber angezeigt bleiben ohne den MouseoverEffekt.
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function swapArrow(bild){
pfeilRechts = new Image();
pfeilRechts.src = "4.gif";
if(bild.src.indexOf('1.gif') == -1)
{
bild.src = pfeilRechts.src;
}
}
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_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
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>
</head>
<body onLoad="MM_preloadImages('3.gif')">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','2.gif',1)"><img name="Image2" border="0" src="1.gif" width="32" height="27" onClick="swapArrow(this)"></a>
</body>
</html>
Matthias Apsel