Avatar billede nicidem Nybegynder
04. oktober 2002 - 12:30 Der er 6 kommentarer og
1 løsning

Skift billed når musen er over...

Hvordan får jeg et billede til at skifte når musen er over? billedet er et link, det må i gerne lige skrive med i koden! =)
i ekesmplet kan i bare bruge at jeg orgiginalt har "billed1.jpg" og det skal skiftes til "billed2.jpg"!

Tak på forhånd!!
mvh Peter
Avatar billede 7th Praktikant
04. oktober 2002 - 12:35 #1
Avatar billede nicidem Nybegynder
04. oktober 2002 - 13:09 #2
Lig et svar!
Tak for hjælpen =)
Avatar billede 7th Praktikant
04. oktober 2002 - 13:32 #3
Nah, bare behold ;)
Avatar billede bl00d Nybegynder
04. oktober 2002 - 13:48 #4
Prøv denne her: <html>

<head>
<title>JavaScript skift billed</title>
<script language="JavaScript">
<!--   
    browserName = navigator.appName;
    browserVer = parseInt(navigator.appVersion);
    if (browserName == "Netscape" && browserVer >= 3) version = "n3";
    else version = "n2";
if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) version = "n3";

    if (version == "n3") {
    chr1on = new Image();
    chr1on.src = "danon.gif";
    chr1off = new Image();
    chr1off.src = "danoff.gif";

    chr2on = new Image();
    chr2on.src = "engon.gif";
    chr2off = new Image();
    chr2off.src = "engoff.gif";
   
    chr3on = new Image();
    chr3on.src = "tyskon.gif";
    chr3off = new Image();
    chr3off.src ="tyskoff.gif";
    }

    function img_act(imgName) {
    if (version == "n3") {
    imgOn = eval(imgName + "on.src");
    document [imgName].src = imgOn;
    }
    }

    function img_inact(imgName) {
    if (version == "n3") {
    imgOff = eval(imgName + "off.src");
    document [imgName].src = imgOff;
    }
    }
// -->
</script>
</head>

<body>

<table border="0" cellpadding="2" width="100%">
<tr>
<td width="15%"><p align="center"><a href="http://www.danmark.dk" onMouseover="img_act('chr1')"
onMouseout="img_inact('chr1')"><img border="0" name="chr1" src="danoff.gif" width="50"
height="42" alt="Besøg: http://www.danmark.dk"></a></td>
<td width="15%"><p align="center"><a href="http://www.tyskland.dk" onMouseover="img_act('chr3')"
onMouseout="img_inact('chr3')"><img border="0" name="chr3" src="tyskoff.gif" width="50"
height="42" alt="Besøg: http://www.tyskland.dk"></a></td>
<td width="15%"><p align="center"><a href="http://www.england.dk" onMouseover="img_act('chr2')"
onMouseout="img_inact('chr2')"><img border="0" name="chr2" src="engoff.gif" width="50"
height="42" alt="Besøg: http://www.england.dk"></a></td>
</tr>
</table>
</body>
</html>
Avatar billede nicidem Nybegynder
04. oktober 2002 - 15:29 #5
Tak Bl00d, men det er den samme, som på linket!
Kom nu 7th!! Ik så meget pis der du ;)
Avatar billede 7th Praktikant
05. oktober 2002 - 04:56 #6
Ahh oki, så får du din vilje ;)
Avatar billede nicidem Nybegynder
05. oktober 2002 - 11:02 #7
Weee =)
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