Avatar billede jakse Nybegynder
19. juni 2002 - 15:22 Der er 4 kommentarer og
1 løsning

Menu effekt

Hej...
Jeg sidder og leger lidt med lidt webdesign. Men jeg vil gerne have sådan at i menuen, når man kører musen hen over et billede lyser den op. Jeg kan god få det til at virke når der bare er en knap, men lige så snart jeg sætter flere knapper ind går det galt. Der skal være 6 knapper med MouseOver.
Her er den HTML kode jeg bruger:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Jakse</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<base target="main">
<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_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.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);
  if(!x && document.getElementById) x=document.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>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('menu-filer/image005.gif')">
<img width=147 height=82 src="menu-filer/image003.gif"><br>
<a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','menu-filer/image005.gif',1)"><img name="Image1" border="0" src="menu-filer/image006.gif" width="147" height="16"></a><br>
<p>
</body>
</html>


Avatar billede perj Nybegynder
19. juni 2002 - 15:28 #1
Har ikke set på din kode, men se denne her: http://activedeveloper.dk/artikler/default.asp?articleid=247
Avatar billede jakse Nybegynder
19. juni 2002 - 15:34 #2
Men min bliver jo lavet med billeder!? Det er den på linket jo ikke!
Avatar billede cdc Novice
19. juni 2002 - 15:35 #3
husk at ændre din 'Image1' til 'Image2', 'Image3' osv
Avatar billede hmm10 Nybegynder
20. juni 2002 - 02:20 #4
Er det dette du mener?:

------------sættes i <head>

// knap (1)
bill1 = new Image();
bill1.src = "img/billede1.gif";
bill1_5 = new Image();
bill1_5.src = "img/billede1_over.gif";

// knap (2)
bill2 = new Image();
bill2.src = "img/billede2.gif";
bill2_5 = new Image();
bill2_5.src = "img/billede2_over.gif";

OSV...

------------sættes i <body> (Der det skal være)

<img src="img/billede1.gif" onmouseover="this.src = bill1_5.src;" onmouseout="this.src = bill1.src;" style="border: 0 solid">

<img src="img/billede2.gif" onmouseover="this.src = bill2_5.src;" onmouseout="this.src = bill2.src;" style="border: 0 solid">

OSV...

Håber du forstår mit eks..
MVH
HMM10
Avatar billede cdc Novice
24. juni 2002 - 20:47 #5
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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