Форум

MBmusic · #1 (**permalink**) 06.11.2013, 19:02

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

<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 и определить размеры этой кратинки...

Faab · #2 (**permalink**) 06.11.2013, 20:23

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

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

рони · #3 (**permalink**) 06.11.2013, 21:14

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

<!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 · #4 (**permalink**) 06.11.2013, 21:27

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

рони · #5 (**permalink**) 06.11.2013, 21:37

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

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

да

Форум

Справочник

Discord чат

Курсы javascript