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