Avatar billede sthen Nybegynder
23. maj 2003 - 01:39 Der er 2 kommentarer og
1 løsning

Langsom ændring i opacity ved OnMouseOver og OnMouseOut

Har følgende kode, som ændrer opacity på billedet ved OnMouseOver og OnMouseOut.

<img src="images/stenfisk.gif" name="fisk" style="filter:alpha(opacity=60);" onmouseover="fisk.filters.alpha.opacity=100" onmouseout="fisk.filters.alpha.opacity=60">

Koden virker i og for sig også fint nok, men...

...jeg kunne godt tænke mig at ændringen i opacity kunne foretages langsommere. Således, at hvor ændringen i øjeblikket sker i samme sekund musen føres over billedet, så ville jeg gerne, om ændringen i opacity tog f.eks. 5 sekunder, og ikke bare en forsinket "udløsning" men en stille og rolig ændring over de f.eks. 5 sekunder.

Nogen forslag, og er det egentlig den rette kategori, eller skal spørgsmålet lægges over i JavaScript i stedet??

/sthen
Avatar billede roenving Novice
23. maj 2003 - 01:44 #1
Ja, det bliver javascript, du skal bruge ...

I stedet for din umiddelbare opacity-ændring skal du have noget som ændrer det et antal gange -- og så skal vi lave noget javascript ...

-- men tror du ikke dine brugere vil blive lidt trætte hvis de skal vente i 5 sekunder ?-)

Jeg ville eksperimentere lidt med det men vil tro, at ½-1 sekund er det du skal satse på
Avatar billede sthen Nybegynder
23. maj 2003 - 01:53 #2
Det var også bare et eksempel med de 5 sekunder, men jeg lægger spm over under JavaScript i stedet.
Lukker nu.
Avatar billede sthen Nybegynder
23. maj 2003 - 01:56 #3
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