Chräcker Heller: Dynamische grafische Buttens und absolute Positionierung mit «DIV»

Beitrag lesen

Hallo,

durch Ankes Hilfe (Danke nochmals ;-)) bin ich zu folgender definitiv funktionierenden Lösung gekommen. (Diese Version hat den Vorteil, daß sie beim Explorer UND Navigator funktioniert....)

<html>
<head>
<title>Rollover Lösung</title>

<script language="JavaScript">
<!--
Normal1 = new Image();
Normal1.src = "bild1.gif";
Highlight1 = new Image();
Highlight1.src = "bild2.gif";

function Bildwechsel(Divname,Bildnr,Bildobjekt)
{
if (navigator.appName.substring(0,4) == "Nets")
{document[Divname].document.images[0].src = Bildobjekt.src;}
else
{window.document.images[Bildnr].src = Bildobjekt.src;}
}
//-->
</script>
</head>

<body >

<!-- hier kommt das auslösende Bild (der Schalter) //-->

<div style="position:absolute; top:50px; left:40px" >
<a href="testzwei.html" onmouseover="Bildwechsel('austauschbild',1,Highlight1)" onmouseout="Bildwechsel('austauschbild',1,Normal1)">
<img src="ausloesebild.gif" height="27" width="125" border="0"></a>
</div>

<!-- hier kommt das auszutauschende Bild  //-->

<div id="austauschbild" style="position:absolute; top:67px; left:274px" >
<IMG SRC="bild1.gif" HEIGHT="113" WIDTH="84">
</div>

</body>
</html>

--------------
Bei dieser Version ist das auslösende Bild (der Schalter) nicht mit den sich abwechselnden Bildern identisch. Die "normale" version dürfte aber dann nicht das Problem sein...dann muß eben der erste Div-Container den Namen bekommen und die Bildnummer muß angepast werden....

Die Austauschfunktion wurde um eine dritte zu übergebende Variabel erweitert. Landet die Seite im Navigator, ist der Div-name wichtig, die Image-Nummer ist dann immer auf 0 (Vorausgesetzt, man hat auch nur ein Bild im Div.)
Landet die Seite im Explorer, ist die Bildnummer entscheident, der Div-Name wird nicht gebraucht.....

Chräcker