Michael Rolli: Position eines IMG im Fenster

Beitrag lesen

Hallo zusammen,

ich möchte mit folgendem Skript eine Ebene ein und ausblenden, welches sich exakt auf ein Bild legt. Ebene und Bild sind exakt gleich gross. Wie kann ich die Position in x,y des Bildes auf der Seite herausfinden? Das Bild ist nicht auf jeder Seite an der gleichen Stelle. Also ein Roll-Over-Effekt, wobei die Ebene nur Text enthalten wird (und eben kein Bild).

<html>
<head>
<title>show/hide test</title>

<script language='JavaScript'>
<!--

function changevis(ebene,aktion)
{
 if (document.getElementById) { x = document.getElementById(ebene).style };   // NN6,IE5
 if (document.all) { x = document.all[ebene].style };   //IE4
 if (document.layers) { x = document.layers[ebene] };   //NN4x
 if (aktion == "ein") { x.visibility = "visible"};   // einblenden
 if (aktion == "aus") { x.visibility = "hidden" };   // ausblenden
}

// -->
</script>

<link rel="stylesheet" href="style.css" type="text/css">

</head>

<body bgcolor="#ffffff" text="#000000" link="#ff0000" vlink="#800000" alink="#ff00ff">

<div id="content"><img src="text.gif" width="600px" height="500px"></div>

<p>
<img src="bild.jpg" width="600px" height="500px">
Link <a href="javascript:changevis('content','ein')">einblenden</a> oder <a href="javascript:changevis('content','aus')">ausblenden</a>.
</p>
</body>
</html>

Danke für die Hilfe.

Michael