webForumDet fria alternativet
Logga in / Bli medlem

Onmouseover fungerar i med HTML kod men ej i CSS 'fönster'

JavaScript

2 svar · 309 visningar · startad av diondra

Medlem sedan feb. 200461 inlägg
Trådstart#1

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?

Medlem sedan aug. 20039 340 inlägg
#2

Mycket kod det där... Och jag behöver mer. Var finns objektet med id startsidan11_Background_copy?
Finns det alls?

Medlem sedan feb. 200461 inlägg
#3

nitro2k01 skrev:

Var finns objektet med id startsidan11_Background_copy?

vad menar du med objektet med id...?

260 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)