Avatar billede dengalepose.dk Nybegynder
16. april 2002 - 10:45 Der er 5 kommentarer og
1 løsning

Udskift billede på MouseOver

Jeg vil gerne udskifte et billede ved mouseover på et ikon og sætte det originale billede på plads ved mouseout.

Her er et forslag, men det virker ikke :

if (document.images){
        var eyepic = New Image();
        var earpic = New Image();
        var mouthpic = New Image();
        var feelpic = New Image();
       
        eyepic.src = "grafx/eyeweb.gif";
        earpic.src = "grafx/earweb.gif";
        mouthpic.src = "grafx/mouth.gif";
        feelpic.src = "grafx/feel.gif";
    }
    else {
        eyepic = ""
        earpic = ""
        mouthpic = ""
        feelpic = ""
    }
...
<img src="grafx/eglasses_small.jpg" name="billede" border="0">
....
<img src="grafx/eyeweb.gif" border="0" onMouseover="java script:document.billede.src='grafx/eyeweb.gif;" onMouseout="java script:document.billede.src='grafx/eglasses_small.jpg';">

DGP
Avatar billede nikolajdu Nybegynder
16. april 2002 - 10:51 #1
<img src="grafx/eyeweb.gif" border="0" onMouseover="document.images['billede'].src='grafx/eyeweb.gif;" onMouseout="document.images['billede'].src='grafx/eglasses_small.jpg';">

/Nikolaj
Avatar billede jakoba Nybegynder
16. april 2002 - 10:53 #2
du er ellers tæt på.
onMouseover="document.images.billede.src='grafx/eyeweb.gif;"

og liesådan med den anden. det er kun i href= , src= og action= der nogensinde skal skrives java script: (dvs på de steder html forventer en URL)
images er et specielt array i document objektet hvor alle billeder kan findes. man 'behøver' ikke skrive .images til IE, og det føles supersmart, lige indtil man kommer til at lave en form eller en tabel med samme navn som et af billederne.

mvh JakobA
Avatar billede rsj1962 Nybegynder
16. april 2002 - 10:55 #3
Avatar billede gryn Nybegynder
16. april 2002 - 11:16 #4
Her er mit bud. Det er nemt, hvis der er tale om flere ens billeder.

<script language="javascript" type="text/javascript">
var tjek = false
function skift(hvem){
    if (tjek){
    hvem.src = "1.gif";
    tjek = false}
    else{
    hvem.src = "2.gif";
    tjek = true}
}
</script>


<img src="1.gif" border="0" width="12" height="12" alt="gryn" name="nr1" onmouseover='skift(this)' onmouseout='skift(this)'>

<img src="1.gif" border="0" width="12" height="12" alt="gryn" name="nr2" onmouseover='skift(this)' onmouseout='skift(this)'>


mvh. gryn
www.fotx.net/gryn
Avatar billede dengalepose.dk Nybegynder
16. april 2002 - 11:16 #5
jakoba> Jeg brugte din løsning, så du får pointene. Takker :-)

nikolajdu> Jeg tvivler ikke på at din løsning virker, men man gir` vel point til den løsning, man bruger ?

DGP
Avatar billede jakoba Nybegynder
16. april 2002 - 11:25 #6
Nae, det er nok mere almindeligt at give til det første korrekte svar. eller dele.
men det kan vi så selv ordne :-))
http://www.eksperten.dk/spm/198853

mvh JakobA
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