problem mit rollover und netscape

biancaott · 9. Mai 2002

liebes forum,

ich habe ein problem mit netscape (4 und höher) und meinem rollover-script. wenn ich den <table> in dem die rollover elemente drin sind alleine stehen habe funktioniert der rollover perfekt,
sobald dich das ganze in meine seite einbaue funktioniert der script nicht mehr. habe schon mehrere positionen
für den script ausprobiert:
im head
direkt nach dem body-tag
direkt vor dem body-schluss-tag

hat alles nichts geholfen, erst als ich die stylesheets entfernt habe ging es ...
das ist doch aber hoffentlich nicht die lösung, oder?!

das script welches ich benutze ist folgendes:

Code:

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) {
		index_kreis_01_index_kreis_03_over = newImage("index-kreis_01-index-kreis_.gif");
		index_kreis_01_index_kreis_06_over = newImage("index-kreis_01-index-kre-04.gif");
		index_kreis_01_index_kreis_08_over = newImage("index-kreis_01-index-kre-05.gif");
		index_kreis_04_index_kreis_03_over = newImage("index-kreis_04-index-kreis_.gif");
		index_kreis_04_index_kreis_06_over = newImage("index-kreis_04-index-kre-10.gif");
		index_kreis_04_index_kreis_08_over = newImage("index-kreis_04-index-kre-11.gif");
		preloadFlag = true;
	}
}

ich hoffe es handelt sich um ein bekanntes problem und jemand kann mir einen tip geben.
vielen dank schon mal.

p.s. wahrscheinlich sinnlos zu erwähnen, dass es mit dem ie funktioniert, wollte ich der vollständigkeit halber aber noch erwähnen ...

Christoph · 10. Mai 2002

poste mal den ganzen Sourcecode!!! wär interessant.

irgendwelche microsoft-Filter dabei??? (Alpha aso)

cu

biancaott · 13. Mai 2002

hallo hochi,

danke das du mir helfen möchtest ...
hier mein kompletter code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Unbenannt</title>
<style type="text/css">
	#menu {position:absolute; left:25%; top:20%; z-index:1; }
	#textebene {position:absolute; left:496px; top:50px; z-index:2; background-color:#CCCC99; layer-background-color:#CCCC99; }
	#text {position:absolute; left:10px; top:10px; width:232px; z-index:3;
	font-family:Tahoma;
	font-size:12px; 
	font-weight:bold;
	text-align:justify;
	color:#000000; }
</style>

<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) {
		index_kreis_01_index_kreis_03_over = newImage("images/index-kreis_01-index-kreis_.gif");
		index_kreis_01_index_kreis_06_over = newImage("images/index-kreis_01-index-kre-04.gif");
		index_kreis_01_index_kreis_08_over = newImage("images/index-kreis_01-index-kre-05.gif");
		index_kreis_04_index_kreis_03_over = newImage("images/index-kreis_04-index-kreis_.gif");
		index_kreis_04_index_kreis_06_over = newImage("images/index-kreis_04-index-kre-10.gif");
		index_kreis_04_index_kreis_08_over = newImage("images/index-kreis_04-index-kre-11.gif");
		preloadFlag = true;
	}
}

// -->
</script>
</head>

<body onload="preloadImages();" bgcolor="#CCCC99">

<div id="menu">
<table width="402" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="images/Abstandhalter.gif" width="21" height="1"></td>
		<td>
			<img src="images/Abstandhalter.gif" width="6" height="1"></td>
		<td>
			<img src="images/Abstandhalter.gif" width="27" height="1"></td>
		<td>
			<img src="images/Abstandhalter.gif" width="5" height="1"></td>
		<td>
			<img src="images/Abstandhalter.gif" width="343" height="1"></td>
	</tr>
	<tr>
		<td colspan="5">
			<img name="index_kreis_01" src="images/index-kreis_01.gif" width="402" height="115"></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/index-kreis_02.gif" width="27" height="33"></td>
		<td colspan="2">
			<a href="#"
			onmouseover="changeImages('index_kreis_01', 'images/index-kreis_01-index-kreis_.gif', 'index_kreis_04', 'images/index-kreis_04-index-kreis_.gif'); return true;"
			onmouseout="changeImages('index_kreis_01', 'images/index-kreis_01.gif', 'index_kreis_04', 'images/index-kreis_04.gif'); return true;">
			<img src="images/index-kreis_03.gif" width="32" height="33" border="0"></a></td>
		<td rowspan="4">
			<img name="index_kreis_04" src="images/index-kreis_04.gif" width="343" height="286"></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/index-kreis_05.gif" width="21" height="253"></td>
		<td colspan="2">
			<a href="#"
			onmouseover="changeImages('index_kreis_01', 'images/index-kreis_01-index-kre-04.gif', 'index_kreis_04', 'images/index-kreis_04-index-kre-10.gif'); return true;"
			onmouseout="changeImages('index_kreis_01', 'images/index-kreis_01.gif', 'index_kreis_04', 'images/index-kreis_04.gif'); return true;">
			<img src="images/index-kreis_06.gif" width="33" height="36" border="0"></a></td>
		<td rowspan="3">
			<img src="images/index-kreis_07.gif" width="5" height="253"></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="#"
			onmouseover="changeImages('index_kreis_01', 'images/index-kreis_01-index-kre-05.gif', 'index_kreis_04', 'images/index-kreis_04-index-kre-11.gif'); return true;"
			onmouseout="changeImages('index_kreis_01', 'images/index-kreis_01.gif', 'index_kreis_04', 'images/index-kreis_04.gif'); return true;">
			<img src="images/index-kreis_08.gif" width="33" height="37" border="0"></a></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/index-kreis_09.gif" width="33" height="180"></td>
	</tr>
</table>
</div>

<div id="textebene">
	<table height="401" width="252" border="3" bordercolor="#000000" bgcolor="#CCCC99">
		<tr>
			<td></td>
		</tr>
	</table>

	<div id="text">
	text
	text
	text
	text
	text
	</div>

</div>

</body>
</html>

würde mich freuen, wenn du was finden würdest
vielen dank nochmal für deine hilfe.

bianca

problem mit rollover und netscape

biancaott

Grünschnabel

Christoph

Erfahrenes Mitglied

biancaott

Grünschnabel

Neue Beiträge