JavaScript/DOM/Document/images/naturalWidth

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Document‎ | images
Wechseln zu: Navigation, Suche

Die Eigenschaft naturalWidth zeigt die originale Breite eines Bildes an, auch wenn es auf der Webseite skaliert dargestellt wird.

  • JavaScript 1.1
  • IE 9
  • Firefox
  • Chrome
  • Safari
  • Opera
  • Nur Lesen / Read Only
Beispiel
<html>
<head>
  <meta charset="utf-8">
  <title>Test</title>
</head>
<body>

  <img id="grafik" src="Hund.gif" alt="Der verrückte Hund aus der alten Doku" width="200" height="175">

  <p>Die ursprüngliche Bildgröße von 208x181px wurde auf 200x175px skaliert.<br/>
     Mit einem Klick auf den Button können Sie die eigentliche Breite erfahren.   
  </p>

  <p id="beispiel"></p>

  <button onclick="Anzeigen()">Anzeigen!</button>

  <script>
     function Anzeigen(){
       var x = document.getElementById('grafik').naturalWidth;
       document.getElementById("beispiel").innerHTML=x;
     }
  </script>

</body>
</html>