jQuery Chargement des images de manière synchrone avec .load

Question

function loadImage(url) { 

    var retval=0; 

    var img = new Image(); 

    $(img).attr('src', url) 
      .appendTo("#test") 
      .load(function() { 
       $(this).hide().fadeIn(); 
       retval=true; 
      }) 
      .error(function() { 
       $(this).remove(); 
       retval=false; 
      }); 

    return retval; 

} 

Cette fonction retourne toujours 0 :(

Je suppose que je ne peux pas remplacer la variable globale (retval) en raison de la façon asynchrone behavoir de la fonction .load. Tout ? idées pour une solution de contournement je voudrais savoir comme que la fonction indique également si l'image à distance donnée existe ou non

Answer 1

essayer.

function loadImage(url) { 

var retval=0; 

var img = new Image(); 

$(img).load(function() { 
      $(this).hide().fadeIn(); 
      retval=true; 
     }) 
     .error(function() { 
      $(this).remove(); 
      retval=false; 
     }) 
     .attr('src', url) 
     .appendTo("#test") 
     ; 

return retval; 

} 

Vous liant gestionnaires d'événements (charge et erreur) après que vous avez fait le chargement et l'ajout lui-même.

EDIT: suggestion supprimée pour renvoyer la valeur des événements (ne fonctionnera pas ofcourse)