Avatar billede triple-x Nybegynder
14. april 2005 - 15:46 Der er 14 kommentarer og
1 løsning

Rollover af baggrundsbilleder

Hej Eksperter

Jeg står i den sitiuation at jeg skal lave en rollover effekt på et billed, men billedet SKAL være et baggrundsbillede, da det kræves at jeg kan skrive en tekst ovenpå, uden at lave det via et billedbehandlings program.

Er der nogen der har et script liggende, eller som hurtig kan lave et som virker med baggrundsbilleder.

Jeg har søgt på nettet, men svært når man ikke lige ved hva man skal søge på.

på forhånd tak
Avatar billede triple-x Nybegynder
14. april 2005 - 17:23 #1
det kan være jeg lige skal forklare lidt bedre.

Jeg har en celle i en tabel, med et baggrundsbillede, når musen føres over denne celle ønsker jeg at baggrunden skifter, ligesom når man har et rollover billede.

Grunden til dette er at der skal stå en tekst oven på, derfor kan det ikke bare være billeder.

Håber virkelig der er nogen der kan hjælpe.
Avatar billede roenving Novice
14. april 2005 - 17:25 #2
F.eks.

<div style="width:200px;height:150px;background-image:url(karl.jpg);" onmouseout="this.style.backgroundImage='url(karl.jpg)';" onmouseover="this.style.backgroundImage='url(soren.jpg)';">
  Her er der en tekst
</div>
Avatar billede triple-x Nybegynder
14. april 2005 - 17:27 #3
prøver lige roenving.

Er det samme muligt at lave med en tabel? altså en <td> ?
Avatar billede triple-x Nybegynder
14. april 2005 - 17:30 #4
det virker nogenlunde roenving.

Den loader først billedet når musen køres over, det vil sige der intet billede er når siden loader, hvordan får jeg det?

Er det muligt at lave det i en <td> og hvis ikke, er der så en anden løsning på problemet? Da det bliver nød til at være i en td.
Avatar billede roenving Novice
14. april 2005 - 17:32 #5
Du skal selvfølgelig sætte baggrundsbilledet fra start ...

-- og du kan sagtens bare udskifte diven med en td !-)
Avatar billede triple-x Nybegynder
14. april 2005 - 17:36 #6
ahh det var min fejl, havde fået det til at stå gif.jpg da jeg ik lige helt havde fået slettet din endelse.

Jeg takker utrolig mange gange roenving, for din altid så professionelle hjælp, smid et svar så du kan få dine velfortjente point.
Avatar billede roenving Novice
14. april 2005 - 17:40 #7
Velbekomme '-)
Avatar billede triple-x Nybegynder
14. april 2005 - 17:42 #8
takker endnu en gang
Avatar billede roenving Novice
14. april 2005 - 17:46 #9
-- og jeg takker for point ;~}
Avatar billede triple-x Nybegynder
14. april 2005 - 17:56 #10
må jeg ha lov til at stille et bonus spørgsmål?

hvis jeg nu også vil have den td med baggrunden til at være et link, så det ikke kun er teksten men hele tden, er det muligt?
Avatar billede triple-x Nybegynder
14. april 2005 - 18:32 #11
jeg fandt selv en løsning, så hvis andre skulle være interesseret var den:

onclick="java script:window.location.assign('mypage.html');"
Avatar billede olebole Juniormester
14. april 2005 - 20:46 #12
<ole>

triple-x >> Den sidste er nok ikke så god. Dels er det ikke en standardiseret JavaScript-metode, dels må du ikke bruge JavaScript pseudo-protokollen i en event-handler:
    onclick="window.location.href='mypage.html'"  ;o)

/mvh
</bole>
Avatar billede triple-x Nybegynder
14. april 2005 - 20:49 #13
det var en jeg fandt på nettet Ole så det er sikkert rigtigt at den ikke er så god.

Du mener at jeg skal bruge onclick="window.location.href='mypage.html'" istedet?
Avatar billede roenving Novice
15. april 2005 - 12:05 #14
Jepz !-)
Avatar billede triple-x Nybegynder
15. april 2005 - 12:07 #15
mange tak gutter
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