Mouse-over der ændrer flere billeder!
Hej...Jeg har lavet en række faneblade, der linker til undersider på min hjemmeside. De laves som en mouse-over, så der er en on-version og en off-version af hver.
Er man på en side, vises det tilhørende faneblad som aktivt (on) mens resten vises som off.
Jeg vil have det sådan, at når man fører musen henover et af off-fanebladene, skifter det til on, men det ktive faneblad skal samtidig skifte til off.
Understående virker lidt(!). Når man fører musen over button-2, skifter button-2 til on, mens button-1 skifter til off - fint nok!. Men når man fører musen væk igen, skifter button-1 tilbage til on, men button-2 forbliver on, i stedet for at skifte til off.
<td width="37"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button-1','','../grafik/fane-1_off.gif',1)"><img src="../grafik/fane-1_on.gif" name="button-1" width="37" height="22" border="0"></a></td>
<td width="30"><a href="#"onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('button-2','','../grafik/fane-2_on.gif');MM_swapImage('button-1','','../grafik/fane-1_off.gif')-"><img src="../grafik/fane-2_off.gif" name="button-2" width="30" height="22" border="0"></a></td>
og her er scriptet til dem (jeg arbejder i dreamweaver, så jeg har ikke selv lavet det, og har i øvrigt ikke en stand forskid på javascript ;))
<script language="JavaScript" type="text/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_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) { //v4.01
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);
if(!x && d.getElementById) x=d.getElementById(n); 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>
/kkd :oD
