outerHeight() et les images internes

Question

J'ai un problème au premier chargement d'une page avec outerHeight.

La valeur retournée par outerHeight() est un multiple de 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; } 

Et un tout est chargé, af Un rafraîchissement est très bien. Donc je me demande si ce n'est pas un problème avec les images dans container_entrie?

Merci pour l'aide =)

Answer 1

Où est votre javascript appelé à partir? Sauf si vous définissez une hauteur sur votre image, vous aurez des problèmes si vous le mettez dans $(...) (le raccourci pour $ (document) .ready). Essayez de le mettre dans $(window).load(...) et voir si cela aide. Charger les incendies après contenu est téléchargé, Prêt est un pseudo-événement qui se déclenche lorsque le dom est prêt à être foiré.