Avatar billede tbsandau Novice
10. april 2008 - 08:58 Der er 4 kommentarer og
1 løsning

Auto skift af baggrundsbillede

Hej.
Jeg står og skal lave en hjemmeside, hvor der skal skiftes baggrundsbillede når busen føres en i en "<td>". Jeg skal bruge koden i CSS helst, men hvis den kun findes i HTML, kan det også bruges. Håber der er nogen der kan hjælpe mig.

Venlig hilsen
Tim
Avatar billede tbsandau Novice
10. april 2008 - 08:58 #1
busen = musen :)
Avatar billede phliplip Nybegynder
10. april 2008 - 09:12 #2
Tror du får meget svært ved at få implementeret uden brug af JavaScript;

Nogen browsere understøtter :hover på andet end <a>, men langt fra alle!
Avatar billede w13 Novice
10. april 2008 - 09:29 #3
Det er ikke lovligt at bruge hover på andet end links, derfor understøttes det heller ikke i alle browsere. Dét du vil dér, _er_ en JavaScript-funktion. At bruge CSS til det ville være forkert.

Det kan gøres med JavaScript sådan her:

<td style="background-image:url('1.bmp')" onmouseover="this.style.backgroundImage='url(2.bmp)'" onmouseout="this.style.backgroundImage='url(1.bmp)'">test</td>

Eller sådan her:

<script type="text/javascript">
function ChangeBG(o,s){o.style.backgroundImage="url('"+s+"')"}
</script>

<td style="background-image:url('1.bmp')" onmouseover="ChangeBG(this,'2.bmp')" onmouseout="ChangeBG(this,'1.bmp')">test</td>
Avatar billede olebole Juniormester
10. april 2008 - 16:15 #4
<ole>

Det er nu helt lovligt at bruge hover på stort set alle elementer - men IE understøtter bare ikke den del af CSS2  ;o)

På den anden side giver det ikke megen mening at bruge hover til ret meget. Meningen med W3C's rekommandationer er jo, at vi skal dele vores kode op i indhold, markup, visuel præsentation og funktionalitet.
Som w13 ganske korrekt skriver, falder dine ønsker nok nærmere ind under funktionalitet - og i så fald bør der anvendes script  =)

/mvh
</bole>
Avatar billede tbsandau Novice
13. april 2008 - 21:53 #5
det var faktisk den kode jeg tænkte på, så siger mange tak for hjælpen!
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