Avatar billede Helbo-DK Juniormester
10. maj 2004 - 19:05 Der er 4 kommentarer og
1 løsning

Billede ved hover!

Jeg vil gerne lige vide, hvad man skal skrive i sit CSS-script for at der kommer et billede, når man kører kusen hen over noget tekst.
Avatar billede fixxxer Nybegynder
10. maj 2004 - 19:09 #1
det kan du ikke med css, du skal have fat i noget JavaScript.

Lav et "tomt" billed:

<img id="vispic" src="ettomtbilled.gif">

så leger vi med lidt js:

<a href="#" onclick="document.images['vispic'].src='vismitbilled.gif';">Mit link</a>
Avatar billede skovenborg Nybegynder
10. maj 2004 - 19:21 #2
i mozilla og opera kan man faktisk godt. Desværre har IE en dårlig understøttelse af CSS og har blandt andet valgt kun at understøtte :hover på links:
<style type="text/css">
  SPAN {position:relative;}
  SPAN > IMG {display:none;position:absolute;top:0px;left:50px;}
  SPAN:hover > IMG {display:inline;}
</style>

<body>
<span>LINK<img src="billede.png" /></span>
</body>
Avatar billede roenving Novice
10. maj 2004 - 19:40 #3
Tjah, da man kan lægge baggrund på et a-tag kan man faktisk lægge et billede bagved teksten, men ellers er det rigtigt, at der skal javascript til !-)

onmouseover=""/onmouseout="" og ligesom fixxxer skriver ...

>>skovenborg

_ingen_ browsere har svjv endnu implementeret css2 fuldt ud, bl.a. dette hjørne (:hover på tags med fysisk udstrækning) er ganske rigtigt ikke implementeret i IE, mens andre hjørner ikke er implementeret i f.eks. Mozilla ...

Jeg bruger selv indexdot til at have en fornemmelse: http://blooberry.com/indexdot/css/index.html !o]
Avatar billede skovenborg Nybegynder
10. maj 2004 - 20:16 #4
roenving >> nej nej - men nogen browsere har det mere end andre ;-)

Og på det her punkt har mozilla (og opera) en bedre understøttelse end IE.
Avatar billede Helbo-DK Juniormester
08. juni 2004 - 16:05 #5
Takker
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