Avatar billede the-king Nybegynder
24. august 1999 - 09:46 Der er 8 kommentarer

knap med bilede

Mit problem er at lave en knap der skifter billede når man plaser musen på den.

De to billedere jeg skal brug heder ”knap1.gif” og ”knap2.gif”  og ligger i mappen grafik
Avatar billede hirtshals Nybegynder
24. august 1999 - 10:15 #1
<head>
<script language="JavaScript">


<!-- Begin
function move_in(img_num,img_name) {
document.images[img_num].src=img_name;
}

function move_out(img_num,img_name) {
document.images[img_num].src=img_name;
}
// End -->
</script>

</head>

<body>

<td><a href="xx.htm" target="xx" onmouseover="move_in(0,'grafik/knap2.gif')"
    onmouseout="move_out(0,'grafik/knap1.gif')"><img src="grafik/knap1.gif" alt="Home" border="0"
    WIDTH="140" HEIGHT="30"></a></td>
 
Det er vigtigt at Bemærke at Tallet 0, indikerer at Grafikken er den første grafik på siden, dvs har du et logo eller anden grafik skal tallet ændres til 1, du kan selvfølgelig lave mange knapper ala en menu, den første hedder da 0, den næste 1 osv

Mvh
Henrik
Avatar billede hirtshals Nybegynder
24. august 1999 - 10:18 #2
Jeg bruger selv funktionen til min menu til venstre på min side, det er 2 billeder der er brugt, der skifter når musen køres hen over, adressen er

http://hjem.get2net.dk/hirtshals

Du skal være velkommen til at copy/paste derfra, så meget du har lyst til

Mvh Henrik
Avatar billede the-king Nybegynder
24. august 1999 - 14:01 #3
jeg kan ikke få det til at virke prøve at se på min side


<html>
<head><script language="JavaScript">


<!-- Begin
function move_in(img_num,img_name) {
document.images[img_num].src=img_name;
}

function move_out(img_num,img_name) {
document.images[img_num].src=img_name;
}
// End -->
</script>
</head>
<body>

<table border="0" CELLSPACING="0" CELLPADDING="0" CELLSPACING="NO" CELLPADDING="NO" width="140" HEIGHT="62">
<tr>
  <td><a href="xx.htm" target="xx" onmouseover="move_in(0,'grafik/knap2.gif')"
    onmouseout="move_out(0,'grafik/knap1.gif')"><img src="grafik/knap1.gif" alt="Home" border="0"
    WIDTH="140" HEIGHT="30"></a></td>
</tr>
<tr>
<td><a href="xx.htm" target="xx" onmouseover="move_in(1,'grafik/knap2.gif')"
    onmouseout="move_out(1,'grafik/knap1.gif')"><img src="grafik/knap1.gif" alt="mig" border="0"
    WIDTH="140" HEIGHT="30"></a></td>
</tr>
</table>
</body>
</html>
Avatar billede cyberesben Nybegynder
24. august 1999 - 21:09 #4
husk at lave en if (documement.images) sådan så den ikke går amokk på IE3/NS2
Avatar billede the-king Nybegynder
25. august 1999 - 09:26 #5
nu er jeg ikke så kloge. så kan du ikke sige mig hvad det er
Avatar billede the-king Nybegynder
27. august 1999 - 11:36 #6
det virker ikke
Avatar billede cyberesben Nybegynder
27. august 1999 - 21:00 #7
du skal bare skrive if (documement.images) document.images[img_num].src=img_name

i stedet for document.images[img_num].src=img_name

det var det hele
Avatar billede hirtshals Nybegynder
20. januar 2000 - 13:39 #8
Verdens simpleste RollOver

<a href="Et eller andet.htm" onMouseOver='rollover.src="b.gif"' onMouseOut='rollover.src="a.gif"'>
<img src="a.gif" name="rollover" border="0">
</a>
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