Jaron: Koordinaten eines Bildes

Hallo Leute,
wie kann ich die x/y-Koordinaten eines normalen Bildes herausfinden, das sich nicht in einem Layer befindet? Ich möchte nämlich einen weiteren Layer einblenden, und zwar einige Pixel unter dem Bild.
Ich denke an etwas ähnliches wie

Im Head:
<script language="javascript">
  var BreiteDesBildes = document['Irgendwas'].width;
  var HoeheDesBildes = document['Irgendwas'].height;
</script>

Im Body:
<img name="Irgendwas" src="...">

Damit lässt sich ja zB. Höhe und Breite rauskriegen. Gibt es eine ähnliche Eigenschaft auch für top/left im NN und posTop/posLeft im IE, also für die aktuellen Koordinaten?

Vielen Dank Gruss Jaron

  1. Hi Jaron,

    Damit lässt sich ja zB. Höhe und Breite rauskriegen. Gibt es eine ähnliche Eigenschaft auch für top/left im NN und posTop/posLeft im IE, also für die aktuellen Koordinaten?

    »»
    Nein - ist ja auch logisch: Angenommen, Du hättest Bilder in einen Fließtext integriert, dann hängt die Position des Bildes z.B. von der im Browser gewählten Schriftgröße ab (so sie denn veränderbar). Eine Abfrage der tatsächlichen Bildschirmkoordinaten des Bildes ist jedoch nicht möglich.
    Du wirst die Bilder wohl in Layer stecken müssen.

    Grüße,
    Martin

  2. Hallo Jaron,
    und Martin,

    wie sich anhand des folgenden Code-Schnippsels leicht herausfinden lässt,
    geht's sehr wohl die Koordinaten eines Bildes herauszufinden:

    <html>
    <head>
    <script language="JavaScript" type="text/javascript">
    <!--
    function WoIsses()
    {
    if(document.layers)    // NS 4.x
    {
      alert('a) Y='+document.images['bild1'].y+' X='+document.images['bild1'].x);
    }
    else if(document.getElementById)    // IE5.x und NS6/Modzilla
    {
      alert('b) Y='+document.getElementById('bild1').offsetTop+' X='+document.getElementById('bild1').offsetLeft);
    }
    else if(document.all)    // IE4.x
    {
      alert('c) Y='+document.all.item('bild1').offsetTop+' Y='+document.all.item('bild1').offsetLeft);
    }
    }
    // -->
    </script>
    </head>

    <body onload="WoIsses()">
    <img name="bild1" src="test.jpg" width=437 height=341 alt="" vspace=10 hspace=20>

    </body>
    </html>

    Viele Grüße  Günter

    1. Super, danke!!!