Mouse-over-problem!
på www.johncarpenter.dk/problem.htmler der en mouse-over-funktion på billedet. Effekten består i at når man fører pilen henover billedet, så viser den en lille gifanimation. Problemet er bare at det kun er IE der afspiller gifanimationen korrekt. NS viser blot sidste billede af animationen!!
Koden ser sådan ud:
<html>
<head>
<script language="JavaScript">
<!--
// Find browser Netscape 3+ eller IE 4 +.
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
if ((bName == "Netscape" && bVer >= 3) ||
(bName == "Microsoft Internet Explorer" && bVer >= 4)) br = "n3";
else br = "n2";
// Lav objekter og preload billeder.
if (br== "n3") {
img1on = new Image();
img1on.src = "grafik/nyhedervalg.gif";
img1off = new Image();
img1off.src = "grafik/nyheder.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>
<title>Problem</title>
</head>
<a href="test.htm" onmouseover="imgAct('img1')" onmouseout="imgInact('img1')"><img
src="grafik/nyheder.gif" border="0" name="img1"></a>
</body>
</html>
Jeg havde en ældre mouseover-kode, som jeg desværre ikke kunne bruge på min hjemmeside, der dog GODT kunne vise animationen korrekt både i IE og NS.
200 points til den første Gilbert, der retter problemet!
