Hi Antje,
erst einmal herzlichen Dank für diese wirklich schnelle Antwort :-))
Also, ich habe Euren Dialog studiert und versucht umszusetzen. Klappt aber noch nicht ganz.
Ich zitiere mal meine Code:
<script language="JavaScript">
<!--
Shade1 = new Image();
Shade1.src = "../Grafik/Buttons/Oval/B_HomeShade.gif";
Light1 = new Image();
Light1.src = "../Grafik/Buttons/Oval/B_HomeLight.gif";
Shade2 = new Image();
Shade2.src = "../Grafik/Buttons/Oval/B_CatalogShade.gif";
Light2 = new Image();
Light2.src = "../Grafik/Buttons/Oval/B_CatalogLight.gif";
/*noch ein paar Bilder*/
function SwapImage(ImageNr,ImageObject)
{
if (navigator.appCodeName == 'Netscape')
document.Layer1.document.images[ImageNr].src = ImageObject.src;
else window.document.images[ImageNr].src = ImageObject.src;
}
//-->
</script>
<body>
<div id="Layer1" style="position:absolute; left:1px; top:50px; width:125px; height:231px; z-index:1">
<table width="130" border="1" height="208" cellpadding=0>
<tr align=right>
<td><a href="Start.html" onMouseOver="SwapImage(0,Light1)" onMouseOut="SwapImage(0,Shade1)" target="MainFrame"><img border="0" src="../Grafik/Buttons/Oval/B_HomeShade.gif" width="86" height="32"></a><img src="../Grafik/Abstand1.gif" height=1 width=28></td>
</tr>
<tr align=right>
<td><a href="MenueExp.html" onMouseOver="SwapImage(2,Light2)" onMouseOut="SwapImage(2,Shade2)" target="_self"><img border="0" src="../Grafik/Buttons/Oval/B_CatalogShade.gif" width="86" height="32"></a><img src="../Grafik/Abstand1.gif" height=1 width=10></td>
</tr>
.......</div>
Also, ich habe die Tabelle mit allen Buttons in EINEM <div>-Tag. Die Bildernummerierung müsste auch stimmen.
Trotzdem kein Rollover-Effekt im Navigator (IEP klappt).
Für den Fall, daß die Lösung wirklich zu einfachst ist, bitte ich jetzt schon um Nachsicht. Ich fange halt gerade erst an....
Lieb Grüße,
Martin