noknok: Bildgrösse dynamisch ermitteln

Hallo da draussen!

Ich schlage mich mit einem Problem herum: Wie kann ich die Orginal-Grösse eines Bildes mit JavaScript/DOM ermitteln und dann die Darstellungs-Grösse in meinem HTML Dokument so anpassen, dass das Bild in das Fenster passt.

Ich weiss bereits, wie ich die Grösse des Schirms ermitteln kann (window.innerWidth und window.innerHeight). Aber wie ermittel ich die Orginal-Grösse des Bildes? Dies z.b. klappt nicht:

<script>
  var w = document.getElementById("bild").style.width;
  // ....
</script>
<img src="beispiel.jpg" id="bild">

Wie mache ich das richtig?

  1. Hi,

    <script>
      var w = document.getElementById("bild").style.width;
      // ....
    </script>
    <img src="beispiel.jpg" id="bild">

    Wie mache ich das richtig?

    http://de.selfhtml.org/javascript/objekte/images.htm
    http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#img

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Hi,

      <script>
        var w = document.getElementById("bild").style.width;
        // ....
      </script>
      <img src="beispiel.jpg" id="bild">

      Wie mache ich das richtig?

      http://de.selfhtml.org/javascript/objekte/images.htm
      http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#img

      MfG ChrisB

      O, ja.
      Du bist ein Schatz!
      Vielen Dank!

  2. Grüße,

    <script>
      var w = document.getElementById("bild").style.width;
      // ....
    </script>
    <img src="beispiel.jpg" id="bild">

    ehm.. na dann sage ich das halt - zur ausführungszeit des scriptes, ist das bild ja noch nicht
    MFG
    bleicher

    --
    __________________________-

    FirefoxMyth