problème de jquery .width () chrome et safari

J'ai mis dans le css de la hauteur d'une image à une certaine valeur et la largeur modifie automatiquement de sorte que le ratio d'aspect est conservé. Je suis en utilisant le .largeur() fonction jquery pour obtenir la largeur de l'image après la css redimensionné l'image. dans Firefox et internet explorer cela fonctionne très bien mais dans chrome et safari, la largeur retournée est toujours 0 pour chaque image. le code que j'utilise est la suivante:

var total=0; 
var widthdiv=0;
$(function(){
    $('.thumb').each(function(){
       widthdiv=$(this).width();
       total+=widthdiv;
       alert(widthdiv); //added so i can see what value is returned.
    });
});

et le css pour les images:

#poze img{
    height:80px;
    width:auto;
    border:0px;
    padding-right:4px;    
}

source d'informationauteur Bogdan

  1. 37

    Dans document.ready (que vous utilisez actuellement) les images peuvent ou peuvent ne pas être chargé, s'ils ne sont pas dans le cache, ils ont probablement ne sont pas chargé. Au lieu d'utiliser l' window.onload événement lorsque les images sont chargé, comme ceci:

    var total=0; 
$(window).load(function() {
  $('.thumb').each(function() {
    total += $(this).width();
  });
});