[LØST] Hjelp til en hover-effekt.

[pedervl]

En div har et bilde satt som bakgrunn med CSS.

Når musa er over tekst i en meny, skal dette bakgrunnsbildet endres.

 

Når musa er over knapp 1 skal bildet som er satt som bakgrunn i CSS vise.

Når musa er over knapp 2 skal et annet bilde vise som bakgrunn.

Når musa er over knapp 3 skal et annen bilde enn ved knapp 1 og 2 vise som bakgrunn.

 

Jeg har spleiset sammen bildene som skal vise på knapp 2 og 3 slik at begge lastes når bildet lastes. Jeg ser helst at dette bildet lastes når siden lastes slik at folk slipper å vente på hover-effekten.

 

Jeg har prøvd å ordne det selv men er ikke så flink. Håper noen tar seg tid til å hjelpe meg.

 

-bronze

Endret 20. mars 2008 av pedervl

[Potetgullmann1]

vet bare hvordan det gjøres i flash dessverre

[WiRRE]

En div har et bilde satt som bakgrunn med CSS.

Når musa er over tekst i en meny, skal dette bakgrunnsbildet endres.

 

Når musa er over knapp 1 skal bildet som er satt som bakgrunn i CSS vise.

Når musa er over knapp 2 skal et annet bilde vise som bakgrunn.

Når musa er over knapp 3 skal et annen bilde enn ved knapp 1 og 2 vise som bakgrunn.

 

Jeg har spleiset sammen bildene som skal vise på knapp 2 og 3 slik at begge lastes når bildet lastes. Jeg ser helst at dette bildet lastes når siden lastes slik at folk slipper å vente på hover-effekten.

 

Jeg har prøvd å ordne det selv men er ikke så flink. Håper noen tar seg tid til å hjelpe meg.

 

-bronze

 

Definer div'en som bildet ligger inni med en id, og leg til hover funksjoner på div'ene som knappene ligger i, som endrer innerHTML på div'en med bildet i...

altså:

 

document.getElementByid('bildediv').innerHTML = "img src etc......

 

 

mekke en funksjon med dette, definere denne funskjsonen som hover på knappene...

 

Er litt for å komme i gang.. kan lage masse gøy med javascript bare du skjønner document.getelementbyid funksjonen.. Bruker du prototype er det enda enkelere .. da skriver du bare

 

$('bildediv')="img src etc mener jeg å huske....

[pedervl]

Dette skulle altså være en bakgrunn, som jeg skrev. Det var derfor viktig at jeg brukte background: url(bilde) isteden for img.

 

Jeg friska opp på gamle javascript-ferdigheter og løste problemet selv.