Avatar billede fitte Nybegynder
06. maj 2005 - 15:44 Der er 10 kommentarer og
1 løsning

Mouse over - grafik

Hej

Jeg har nedenstående kode....men det virker ikke. Jeg ønsker at billedet skifter når musen kommer hen over.

Håber nogle kan hjælpe.

:o)

<A href="spr.htm" target=main>
                  <img src="knapudenmus6.jpg" alt="" border=0
                    onmouseover="knap.src='knapudenmus6.jpg';"                                                                  onmouseout="knap.src='knapudenmus6.jpg';">
                </A>
Avatar billede xyborx Nybegynder
06. maj 2005 - 15:46 #1
Mangler du ikke <img id="knap" ...>?

Ellers prøv at lave knap om til this.
Avatar billede fitte Nybegynder
06. maj 2005 - 15:51 #2
//xyborx

Tak for svaret....har prøvet at ændre det du skrev men det virker stadig ikke...desværre. Nu ser koden sådan ud:

<A href="spr.htm" target=main>
                  <img src="knapudenmus6.jpg" id="this" alt="" border=0
                    onmouseover="this.src='knapudenmus6.jpg';"                                                                  onmouseout="this.src='knapudenmus6.jpg';">
                </A>
Avatar billede schwarz84 Nybegynder
06. maj 2005 - 15:52 #3
Det ville være rart at få hele koden. Så er chancen for at finde fejlen noget større.
Du skal helst henvise til "knap" gennem DOM. Måske kan det løse problemet, men det er svært at se ud fra din kodestump. Du skal så bruge "id" attributten til at give "knap" navnet "knap" og document.getElementById("knap") for at få en henvisning til den.
Se for eksempel http://www.mozilla.org/docs/dom/domref/dom_doc_ref48.html eller http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/getelementbyid.asp
Avatar billede schwarz84 Nybegynder
06. maj 2005 - 15:54 #4
I din kodestump ser det i øvrigt ud til at du har det samme billede i både img src og i onmouseover. Hvis du skifter til en reference til det samme billede sker der jo ikke noget...
Avatar billede Slettet bruger
06. maj 2005 - 15:54 #5
<SCRIPT language=javascript type=text/javascript>
  if (document.images) {
    billede01 = new Image();
    billede01.src = "/images/botton/1.gif";
    billede02 = new Image();
    billede02.src = "/images/botton/2.gif";
  }

  function skiftBillede(Navn,Endelse) {
    if (document.images) {
      document [Navn].src = eval(Endelse + ".src");
    }
  }
</SCRIPT>
<A onmouseover="skiftBillede('forside','billede02')" onmouseout="skiftBillede('forside','billede01')" href="/forside.html"><IMG height=20 src="/images/botton/1.gif" width=150 border=0 name=forside></A>

href="/forside.html" kan du jo bare ændre til href="#" hvis du ikke ønsker det som et link ?!
Avatar billede fitte Nybegynder
06. maj 2005 - 15:55 #6
Det er en del af en meget lang kode. Jeg kigger lige på de to link du har sendt og vender tilbage....tak endnu engang :o)
Avatar billede roenving Novice
06. maj 2005 - 15:55 #7
-- du må i hvert fald ikke bruge this som id, da det er et reserveret ord i script ...

-- og det skulle virke, hvis du bare:

<A href="spr.htm" target=main>
<img src="knapudenmus6.jpg" alt="" border=0 onmouseover="this.src='knapmedmus6.jpg';" onmouseout="this.src='knapudenmus6.jpg';"></A>
Avatar billede fitte Nybegynder
06. maj 2005 - 16:01 #8
roenving//

Kanon nu virker det .... tusind tak for hjælpen. Du må lige sende et svar hvis du vil have point.
Avatar billede fitte Nybegynder
06. maj 2005 - 16:01 #9
Tak til alle :o)
Avatar billede roenving Novice
06. maj 2005 - 16:09 #10
Velbekomme '-)
Avatar billede roenving Novice
06. maj 2005 - 16:14 #11
-- og tak for point ;~}
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