Avatar billede fusentasten Nybegynder
17. oktober 2000 - 16:28 Der er 5 kommentarer og
1 løsning

Mouseover

Hej,

Kan nogen hjælpe mig med et simpelt javascript, der skifter 2 billeder ved mouseover. Altså både det billede, man holder musen hen over plus et andet billede.
Avatar billede tonkin Nybegynder
17. oktober 2000 - 16:51 #1
Hvad med dette:

<script>
Function changePic() {
  document.imgname1.src = \'image1.gif\'
  document.imgname2.src = \'image2.gif\'
}

</script>

<a href=\"java script:changePic()\">onMouseOverHer</a>


Selve JS koden er sikkert helt forkert, men ideen er der.
Kald en funktion der skifter de to billeder.
Held og lykke!
Avatar billede doeleman Nybegynder
17. oktober 2000 - 16:53 #2
Prøv denne her:

<script>
// PreLoad af billeder
function preload(imgObj,imgSrc) {
    if (document.images) {
        eval(imgObj+\' = new Image()\')
        eval(imgObj+\'.src = \"\'+imgSrc+\'\"\')
    }
}

// RollOver
function changeImage(imgName,imgObj) {
    if (document.images) {
        document.images[imgName].src = eval(imgObj+\".src\");
    }
}

if (document.images) {
  preload(\'ImageA\',\'imageA.gif\');
  preload(\'ImageB\',\'imageB.gif\');
  preload(\'ImageC\',\'imageC.gif\');
  preload(\'ImageD\',\'imageD.gif\');
}
</script>

<a href=\"java script:void(null)\" onMouseOver=\"changeImage(\'myImg\',\'ImageB\'); changeImage(\'otherImg\',\'ImageD\')\" onMouseOut=\"changeImage(\'myImg\',\'ImageA\'); changeImage(\'otherImg\',\'ImageC\')\"><img name=\"myImg\" src=\"imageA.gif\" width=\"75\" height=\"75\" border=\"0\"></a><br>
<img name=\"otherImg\" src=\"imageC.gif\" width=\"75\" height=\"75\" border=\"0\">
Avatar billede doeleman Nybegynder
17. oktober 2000 - 17:01 #3
Scriptet består af to funktioner: preload og rollover.

Du angiver hvilke billeder der skal preloades således:
preload(\'ImageA\',\'imageA.gif\'); Hvert billede skal have et unikt navn.

I html-delen giver du de to billeder hver deres navn. I eksemplet er de kaldt myImg og otherImg. I linket angiver du nu en onMouseOver reaktion, nemlig changeImage(\'myImg\',\'ImageB\'). Den første parameter angiver hvilket billede der skal skiftes, det næste navnet på billedet, som vi angav da det skulle preloades.

Denne funktion gentages, for at ændre det andet billede.

Tilsvarende laves en onMouseOut-reaktion.
Avatar billede nuno Nybegynder
18. oktober 2000 - 10:35 #4
prøv at kigge på
http://hjem.get2net.dk/sauron/themaidenjam/

der har du nøjagtig det du leder efter.

koden kan du bare højreklikke for at snuppe - ellers skriv det - så skal jeg da gerne poste det her.

/nuno
Avatar billede fusentasten Nybegynder
18. oktober 2000 - 13:12 #5
Cool nuno. Jeg havde ikke brug for preloaderen, doleman
Avatar billede doeleman Nybegynder
18. oktober 2000 - 16:56 #6
PreLoaderen er ellers en vigtig del, at ethvert rollover-script !
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