OnMouseOver
Har lige et spørgsmål!Jeg har en onmouseover funktion på min hjemmeside som gerne skulle fremkalde to forskellige billeder to forskellige steder på siden. Jeg har ikke svært ved at få et billede til at komme frem når man holder musen over linket! Problemet kommer som sagt når det drejer sig om 2 billeder!
Min side ser ud som følger:
<HTML>
<head>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
forsidebeskrivelse_over = newImage(\"gif/beskrivelse/forsidebeskrivelse.gif\");
firmaprofilbeskrivelse_over = newImage(\"gif/beskrivelse/firmaprofilbeskrivelse.gif\");
produkterbeskrivelse_over = newImage(\"gif/beskrivelse/produkterbeskrivelse.gif\");
vedligeholdelsebeskrivelse_over = newImage(\"gif/beskrivelse/vedligeholdelsebeskrivelse.gif\");
kontaktbeskrivelse_over = newImage(\"gif/beskrivelse/kontaktbeskrivelse.gif\");
permanent_over = newImage(\"gif/beskrivelse/permanent.gif\");
forsidebeskrivelse_over = newImage(\"gif/linje/forsidelinje.gif\");
firmaprofilbeskrivelse_over = newImage(\"gif/linje/firmaprofillinje.gif\");
produkterbeskrivelse_over = newImage(\"gif/linje/produkterlinje.gif\");
vedligeholdelsebeskrivelse_over = newImage(\"gif/linje/vedligeholdelselinje.gif\");
kontaktbeskrivelse_over = newImage(\"gif/linje/kontaktlinje.gif\");
permanent_over = newImage(\"gif/linje/permanentlinje.gif\");
preloadFlag = true;
}
}
// -->
<!--
window.defaultStatus = document.title;
// -->
</SCRIPT>
</head>
<body ONLOAD=\"preloadImages();\" background=\"gif/mainmenu.gif\" bgproperties=\"fixed\">
<div align=\"left\">
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"123\">
<tr>
<td rowspan=\"2\" valign=\"top\" align=\"left\"><img src=\"gif/linje/permanentlinje.gif\" name=\"permanentlinje\"></td>
<td><img src=\"gif/beskrivelse/permanent.gif\" name=\"permanent\" width=\"120\" height=\"82\"></td>
</tr>
<tr>
<td align=\"left\"><img src=\"gif/menu.gif\" usemap=\"#Map\" border=\"0\" width=\"120\" height=\"240\"></td>
</tr>
</table>
</div>
<p>
<br>
<map name=\"Map\">
<area shape=\"rect\" coords=\"42,2,120,58\" href=\"forside.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/forsidebeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
<area shape=\"rect\" coords=\"29,58,100,108\" href=\"pages/firmaprofil.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/firmaprofilbeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
<area shape=\"rect\" coords=\"21,108,90,154\" href=\"pages/produkter.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/produkterbeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
<area shape=\"rect\" coords=\"2,154,90,204\" href=\"pages/vedligeholdelse.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/vedligeholdelsebeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
<area shape=\"rect\" coords=\"31,204,90,241\" href=\"pages/kontakt.htm\" target=\"main\" ONMOUSEOVER=\"changeImages(\'permanent\', \'gif/beskrivelse/kontaktbeskrivelse.gif\'); return true;\" ONMOUSEOUT=\"changeImages(\'permanent\', \'gif/beskrivelse/permanent.gif\'); return true;\">
</map>
</p>
</HTML>
Det er permanentlinje jeg også vil have skiftet ud med andre linjer!
