Avatar billede kovalt Nybegynder
18. juni 2004 - 00:37 Der er 8 kommentarer og
1 løsning

onmouseover skift bgcolor og billede

Hej alle sammen

Jeg har følgende som skifter baggrundsfarven i en celle i en tabel når jeg kører musen hen over. Jeg vil gerne om det billeder, der er i cellen, ligeledes kunne skifte når jeg kører musen over.

<tr onmouseover="this.style.background='#CACACA';" onmouseout="this.style.background='#F0F0F0';">
<td height="30">&nbsp;<img src="images/layout/menu_dot.gif">Job</td>

jeg mener jeg skal hente billederne når siden hentes og ikke når musen kører over cellen. Men det ved i sikkert bedre en jeg :-)

/Kovalt
Avatar billede skovenborg Nybegynder
18. juni 2004 - 01:10 #1
hvis du giver dit billede et navn kan det gøres på følgende måde:
<tr onmouseover="this.style.background='#CACACA';document.images['bld'].src='images/layout/menu_dot2.gif'" onmouseout="this.style.background='#F0F0F0';document.images['bld'].src='images/layout/menu_dot.gif'">
<td height="30">&nbsp;<img src="images/layout/menu_dot.gif" name='bld'>Job</td>
Avatar billede skovenborg Nybegynder
18. juni 2004 - 01:11 #2
nåja, og det du taler om er en preloader, som du kan sætte i headeren:
<script type="text/javascript">
var img1 = new Image();
var img1.src = "images/layout/menu_dot2.gif";
</script>
Avatar billede skovenborg Nybegynder
18. juni 2004 - 01:13 #3
hvilket (skal jeg huske at sige) er meget godt at have med. Du kan, hvis du har mange billeder, også gøre sådan her:
<script type="text/javascript">
var billeder = ["images/layout/menu_dot2.gif","images/layout/menu_dot3.gif",...];
var tempArr = new Array();
for (i=0;i<billeder.length;i++) {
    tempArr[i] = new Image();
    tempArr[i].src = billeder[i];
}
Avatar billede kovalt Nybegynder
18. juni 2004 - 09:21 #4
hvoordan ser det ud jeg skal sætte ind hvis jeg benytter mig af preloaderen?
Avatar billede skovenborg Nybegynder
18. juni 2004 - 11:24 #5
det er samme:
<head>
<script type="text/javascript">
var billeder = ["images/layout/menu_dot2.gif","images/layout/menu_dot3.gif",...];
var tempArr = new Array();
for (i=0;i<billeder.length;i++) {
    tempArr[i] = new Image();
    tempArr[i].src = billeder[i];
}
</script>
</head>
<body>
<table>
<tr onmouseover="this.style.background='#CACACA';document.images['bld'].src='images/layout/menu_dot2.gif'" onmouseout="this.style.background='#F0F0F0';document.images['bld'].src='images/layout/menu_dot.gif'">
<td height="30">&nbsp;<img src="images/layout/menu_dot.gif" name='bld'>Job</td>
</tr>
</table>
Avatar billede kovalt Nybegynder
19. juni 2004 - 17:54 #6
Jeg får følgende fejl:

document.images.bld is NULL or not an object
Avatar billede skovenborg Nybegynder
19. juni 2004 - 18:36 #7
hedder dit billede bld?
<img src="images/layout/menu_dot.gif" name='bld'>
Det er vigtigt her at din document.images['bld'].src stemmer overnens med navnet på billedet.
Avatar billede kovalt Nybegynder
20. juni 2004 - 23:45 #8
så virker det... takker for hjælpen
Avatar billede skovenborg Nybegynder
21. juni 2004 - 00:07 #9
og tak for points :-)
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