externalHeight () и внутренние картинки

Question

У меня проблема при первой загрузке страницы с outerHeight.

Значение, возвращаемое externalHeight (), кратно 27.

JQuery

$('.entries').each(function(r) {    
$(this).attr("value", $(this).outerHeight()+15);
})

HTML:

<div class="entries">
    <div class="container_entrie">
    <span class="meta"><span class="title">Daily Inspiration #128</span> 
   <span class="date">- april 10th 2009 </span></span>      
    <img src="images/content/four.png" />
    </div>
</div> 

CSS:

.entries {  
position:absolute;  
overflow:hidden;
cursor:pointer;
width:200px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:6px;
background-color:#171717;   
}

.meta{ 
position:absolute; 
bottom:0; float:left; width:190px; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;  font-size:11px; font-weight:bold; line-height:14px;
background-color:#000; 
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;
border-top:1px solid #000;
}           
.meta span.title{color:#FFF; }
.meta span.date{color:#999999; font-weight:normal;}
.container_entrie{position:relative; width:200px; float:left; overflow:hidden; }

И все загружается, после обновления все в порядке.

Так что мне интересно, не проблема ли это с изображениями в container_entrie?

Спасибо за помощь =)

Answer 1

Откуда вызывается ваш javascript? Если вы не установите высоту изображения, у вас будут проблемы, если вы введете его в $(...) (сокращение от $ (document) .ready). Попробуйте вставить его в $(window).load(...) и посмотрите, поможет ли это. Загрузка запускается после того, как весь контент загружен, Ready - это псевдо-событие, которое запускается, когда dom готов к игре.