Vill lägga en bild som knapp i menyn och som ska byta bild när man håller musen över den. Jag får det att fungera när jag inte lägger koden inom 'css boxen' på sidan. när det ser ut såhär:
<html>
<head>
<title>Untitled-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (Untitled-2) -->
<script type="text/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) {
startsidan11_Background_copy_over = newImage("menybilder/startsidan11_Background--02.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Untitled-2) -->
<a href="index.html"
onmouseover="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background--02.gif'); return true;"
onmouseout="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background-cop.gif'); return true;"
onmousedown="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background--02.gif'); return true;"
onmouseup="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background--02.gif'); return true;">
<img name="startsidan11_Background_copy" src="menybilder/startsidan11_Background-cop.gif" width="140" height="25" border="0" alt=""></a>
<!-- End ImageReady Slices -->
</body>
</html>
Men inte när man lägger koden inom css lådan:
[B]<div id="navBeta">[/B]
<!-- ImageReady Slices (Untitled-2) -->
<a href="index.html"
onmouseover="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background--02.gif'); return true;"
onmouseout="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background-cop.gif'); return true;"
onmousedown="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background--02.gif'); return true;"
onmouseup="changeImages('startsidan11_Background_copy', 'menybilder/startsidan11_Background--02.gif'); return true;">
<img name="startsidan11_Background_copy" src="menybilder/startsidan11_Background-cop.gif" width="140" height="25" border="0" alt=""></a>
<!-- End ImageReady Slices -->
</div>
allt fungerar som det ska innan man placerar koden i css boxen. har provat med att ta bort länkinställningarna i css dokumentet, men det gör ingen skillnad.
nån som vet hur man ska göra?