Avatar billede henrik Nybegynder
30. januar 1999 - 00:00 Der er 7 kommentarer og
1 løsning

OnMouseOver

Hvordan får man flere billeder til loade frem efter hinanden med en OnMouseOver-funktion???
Avatar billede b52 Nybegynder
01. februar 1999 - 10:43 #1
<html>
<body>

... alt det sædvanlige.

Inkluder følgende:

<a href="ny_link.htm" onmouseover="if (VersionNavigateur(3.0,4.0))  img1.src='knap_on.jpg' "
onmouseout="img1.src='knap_off.jpg' "><img src="knap_off.jpg"
border="0" width="111" height="31" name="img1"
onload="tempImg=new Image(0,0); tempImg.src='knap_on.jpg'">
<script language="JavaScript">
**************************************
teksten ovenfor kan du genbruge (med modifikationer) for hver knap / link. Når du er har beskrevet din sidste knap, skal du afslutte med flg.:
**************************************

<!-- begin script
function VersionNavigateur(Netscape, Explorer) {
  if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') &Ouml;&Ouml;     
      (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
    return true;
else return false;
}
//  end script -->


</body>
</html>


..B52..
Avatar billede b52 Nybegynder
01. februar 1999 - 10:47 #2
Oops, tegnet "Þ" skal erstattes med ' (single citationstegn, ved *-tasten)

og "ÖÖ" skal erstattes med to lodrette streger "&Ouml;&Ouml;".

Aner ikke hvad der gik galt da jeg postede svaret til dig.
Avatar billede martin Nybegynder
01. februar 1999 - 22:47 #3
<html>
<head>
<title>OnMouseOver JavaScript</title>

<!-- Denne del af scriptet skal indsættes mellem dine head og /head tags -->

<SCRIPT LANGUAGE = "JavaScript">
<!--
// Find browser Netscape 3+ eller IE 4 +.
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
    if ((bName == "Netscape" && bVer >= 3) &Ouml;&Ouml;
        (bName == "Microsoft Internet Explorer" && bVer >= 4)) br = "n3";
    else br = "n2";
// Lav objekter og preload billeder.
    if (br== "n3") {
    img1on = new Image();
    img1on.src = "billede_on_1.gif";
    img2on = new Image();
    img2on.src = "billlede_on_2.gif";
    img1off = new Image();
    img1off.src = "billede_off_1.gif";
    img2off = new Image();
    img2off.src = "billede_off_2.gif";   
    }
// Aktiver billeder.
function imgAct(imgName) {
    if (br == "n3") {
    document[imgName].src = eval(imgName + "on.src");
    }
}
// Deaktiver billeder.
function imgInact(imgName) {
    if (br == "n3") {
    document[imgName].src = eval(imgName + "off.src");
    }
}
// -->
</SCRIPT>

<!-- /SLUT/ Denne del af scriptet skal indsættes mellem dine head og /head tags /SLUT/ -->

</head>
<body>

<!-- Denne del af scriptet skal indsættes mellem dine body og /body tags -->

<CENTER>
<A HREF="url_1.htm" onMouseOver="imgAct('img1')" onMouseOut="imgInact('img1')">
<IMG NAME="img1" BORDER=0 SRC="billede_off_1.gif" alt="Alt tag"></A>
<A HREF="url_2.htm" onMouseOver="imgAct('img2')" onMouseOut="imgInact('img2')">
<IMG NAME="img2" BORDER=0 SRC="billede_off_2.gif" alt="Alt tag"></A>
</CENTER>

<!-- /SLUT/ Denne del af scriptet skal indsættes mellem dine body og /body tags /SLUT/ -->

</body>
</html>
Avatar billede martin Nybegynder
01. februar 1999 - 22:48 #4
Ovenstående JavaScript pre-loader billederne og undgår fejl i IE3 og andre browsere der ikke kan OnMouseOver!
Avatar billede jfl Nybegynder
02. februar 1999 - 01:35 #5
Det er Eksperten.dk der laver fejl med ' tegn.
Det bliver rettet...
Avatar billede martin Nybegynder
02. februar 1999 - 04:27 #6
Þ = samme knap som * findes på!
Bare det andet tegn!
Avatar billede jfl Nybegynder
02. februar 1999 - 09:04 #7
Nu skulle ' og &#124; virke...
Beklager fejlen!
Avatar billede henrik Nybegynder
02. februar 1999 - 11:33 #8
Tak for alle svarene!
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

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