Avatar billede Slettet bruger
04. maj 2010 - 15:53 Der er 4 kommentarer

Dreamweaver: Rollover / Mouseover?

Hvad gør man i dreamweaver CS4 hvis man ønsker, at have et billede, som ændres når man kører musen over links et andet sted på siden.
Jeg er helt ny og har derfor brug for en udførlig guide :)
Avatar billede danco Nybegynder
04. maj 2010 - 16:06 #1
Det kommer lidt an hvad du mener,
er din knap et billede der skal skifte eller er det bare et link af ren tekst ?
Avatar billede danco Nybegynder
04. maj 2010 - 16:17 #2
Argh, jeg undskylder meget , det er mig der klokker i det og ikke læser spørgsmålet.

Men der er flere måder at gøre det på, Javascript gør det nu meget godt til netop det her, så prøv med:

<A HREF="some.html" onmouseover="document.but.src='icon2.gif'"
onmouseout="document.but.src='icon1.gif'">

hvor: icon2.gif er det billede der bliver ændret TIL og icon1.gif er det oprindelige billede.
Alternativt, og hvis du skal bruge mange af den slags vil det nok være anbefalesværdigt at lave det om til en generel javascript funktion :)
Avatar billede Slettet bruger
07. maj 2010 - 17:57 #3
Jeg kan ikke få det til at virke. Hvor skal det helt præcis sættes ind? Grunden til jeg spørger er fordi jeg ønsker et billede i midten af min side. I hvert hjørne er der et link (altså 4 links ialt). Billedet skal så skifte onmouseover på mine links. Så der ialt skiftes mellem 5 billeder - det oprindelig og et til hver af de fire links.
Igen må jeg erkende at jeg er ret dårlig til Dreamweaver - og alt andet hjemmesideting - håber derfor på MEGET udførligt svar :)
Avatar billede Slettet bruger
13. maj 2010 - 17:16 #4
Hvad med det her:

<img id="billede" src="oprindeligt billede" />

<a href="" onmouseover="document.getElementById('billede').src='img2.jpg'">Link 1</a>


For lige at foklare koden ovenover:
Billedet som du har i midten bliver tildelt et ID. Når du så holder musen hen over (onmouseover) et af linkene, så tager koden billedet med ID'et 'billede', og ændrer billedkilden til et nyt billede.

Alt det kodesnask du ser ovenfor er "ekspertmåden" at lave hjemmesider på. Jeg gætter på at du i øjeblikket laver det i den mode hvor det hele ligner Word lidt. For at se koden skal du bare finde de tre knapper som hedder (tror jeg nok): Design, Code, Split-view. Klik Code for at se koden. Her er linket repræsenteret som koden: <a href="derhvordetførerhen"></a>
Billedet bliver repræsenteret som koden: <img src="kilde" />

Hvis du vil gøre en tjeneste, så er det at kopiere hjemmesidekoden og lægge den her ind, så vi kan se lidt på den.
Det vil gøre det lidt nemmere at forstå hvad du gerne vil.
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