Javascript-форум - Узнать размер картинки

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Узнать размер картинки (https://javascript.ru/forum/dom-window/42715-uznat-razmer-kartinki.html)

Узнать размер картинки

в общем есть кратинка в блоках:

<div class="avatar">
   <div class="progress-bar hidden">
      <div id="avatar-image-container" style="margin-left: -36px">
         <img src="img.jpg" alt="">
      </div>
   </div>
</div>

мне нужно в блоке avatar найти тег img и определить размеры этой кратинки...

так работает?

<script>
window.onload = function(){
 var widthImage = document.getElementById('avatar-image-container').getElementsByTagName('img')[0].width;
 alert(widthImage);
};
</script>

:write: смотря какая ширина ...

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   img{
    width: 50px;
  }

  </style>
  <script>
window.onload = function(){
 var i  = document.getElementById('avatar-image-container').getElementsByTagName('img')[0];
 alert(i.width);
 var src = i.src;
 b =  new Image;
 b.src = src;
 alert(b.width);
};
</script>
</head>

<body>
<div class="avatar">
   <div class="progress-bar hidden">
      <div id="avatar-image-container" style="margin-left: -36px">
         <img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="">
      </div>
   </div>
</div>
</body>
</html>

Это что бы узнать реальный размер?

Цитата:

Сообщение от Faab

Это что бы узнать реальный размер?

да