Avatar billede jps6kb Novice
26. januar 2004 - 19:31 Der er 8 kommentarer og
1 løsning

Ændre baggrundsbillede i <TD> ved mouseover

hmm... overskriften siger det hele ;)
Avatar billede skovenborg Nybegynder
26. januar 2004 - 19:37 #1
Så vidt jeg husker:
<td style="background-image:url('bld1.png');" onmouseover="this.style.backgroundImage = 'bld2.png';" onmouseout="this.style.backgroundImage = 'bld1.png';"
Avatar billede janl2000 Nybegynder
26. januar 2004 - 19:40 #2
Dette script preloader 2 billeder, og skifter mellem de to billeder når musen føres over:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Skift billede</title>

<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

billede1 = new Image();
billede1.src = "billede1.gif";

billede2 = new Image();
billede2.src = "billede2.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>
</head>
<body>

<a href="http://www.html.dk"
onmouseover="skiftbillede('eksempel','billede2.gif')"
onmouseout="skiftbillede('eksempel','billede1.gif')">
<img name="eksempel" src="billede1.gif" alt="Før musen over dette billede"
style="border:none;" /></a>

</body>
</html>

Se evt. http://www.html.dk/scripts/javascript/00001/
Avatar billede jps6kb Novice
26. januar 2004 - 19:41 #3
Nope... kommer en fejlmelding...


Her er koden :::
<td style="background-image:url('shade.gif');" onmouseover="this.style.backgroundImage = 'shade2.gif';"
onmouseout="this.style.backgroundImage = 'shade.gif';">Test</TD>
Avatar billede jps6kb Novice
26. januar 2004 - 19:42 #4
Det var til skov...

Jan -> Tror du misforstod... det skal være baggrundsbilledet i en td der skifter...
Avatar billede skovenborg Nybegynder
26. januar 2004 - 19:43 #5
jps6kb >> Jep, det skal lige twistes en gang - men det er noget i den stil ;-)
Avatar billede jps6kb Novice
26. januar 2004 - 19:44 #6
Hmm... hvordan ? *G*
Avatar billede skovenborg Nybegynder
26. januar 2004 - 19:50 #7
Det var det jeg lige skulle finde ud af ;-)

<td style="background-image:url('shade.gif');" onmouseover="this.style.backgroundImage = 'url(shade2.gif)';"
onmouseout="this.style.backgroundImage = 'url(shade.gif)';">Test</TD>

sådan -- nu burde det virke. Det var lige den url() der manglede ;-)
Avatar billede jps6kb Novice
26. januar 2004 - 19:55 #8
Smukt... smid lige et svar.
Avatar billede skovenborg Nybegynder
26. januar 2004 - 19:57 #9
:-)
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