Вход

Просмотр полной версии : Узнать размер картинки

MBmusic
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
06.11.2013, 20:23
так работает?

<script>
window.onload = function(){
var widthImage = document.getElementById('avatar-image-container').getElementsByTagName('img')[0].width;
alert(widthImage);
};
</script>
рони
06.11.2013, 21:14
: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
06.11.2013, 21:27
Это что бы узнать реальный размер?
рони
06.11.2013, 21:37
Это что бы узнать реальный размер?
да