Avatar billede kkd Nybegynder
14. september 2004 - 07:59 Der er 1 løsning

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
Avatar billede kkd Nybegynder
25. september 2004 - 15:53 #1
Den var svær, hva!

Ja jeg kan i hvert fald ikke få det til at makke ret, så nu lukker jeg spm!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester