jQuery vérifier si l'image est chargée

J'ai besoin d'aide avec le code suivant qui ne fonctionne pas:

var timeoutID=0; 
var currentImage=0;//la première image est en position 0 dans le tableau arrImages 
var arrImages=[bla bla bla tableau de l'image Url]; 
la fonction diaporama() 
{ 
if($('#myImg').complète)//<------- c'est Ici que ça tombe en panne c'est pas défini. 
{ 
//curentImage mondial var qui remebembers l'image sur l'écran clé du tableau 
var nextImage=currentImage+1; 

//arrImages est la matrice de l'image Url 
si(nextImage>=arrImages.la longueur){nextImage=0;} 

$('#myImg').attr('src',nextImage); 

clearTimeout(timeoutID); 
//Changement de l'image de chaque seconde après l'image précédente a été chargé 
timeoutID=setTimeout("diaporama()",1000); 
} 
d'autre 
{ 
$('#myImg').charge(diaporama); 
} 
}

Fondamentalement, je veux changer la src pour #myImg chaque seconde, à condition que le compteur démarre une fois l'image chargée.

*Je déteste le bouton de code dans l'éditeur de texte par Débordement de Pile!

je suis en supposant que vous rencontrez des problème dans IE correct? Dans IE, img.complete et load la plupart du temps, ne pas me faire virer, sauf si vous injecter src après attacher de l'événement.
Haha, peut-être! Et par cela je veux dire OUI. Pourriez-vous expliquer un peu plus?
jetez un oeil à ce blog. bien que l'extrait de code est dans mootools, mais le problème est là. aussi, lisez les commentaires. davidwalsh.nom/image-charge-de l'événement
Vous devriez poster que comme une réponse, kjy112.
là, j'ai posté =)

OriginalL'auteur Francisc | 2011-03-23

  1. 16

    "complet" est natif objet javascript. donc, vous devriez obtenir un objet javascript de jQuery.
    comme,

    $('#myImg')[0].complete

    ou

    $('#myImg').get(0).complete

    OriginalL'auteur Sang

  2. 2

    Si je me souviens bien, l'image est la largeur et la hauteur, quand il est chargé. Donc, je suppose que vous pourriez vérifier la largeur si l'image. Et aussi longtemps que ce est 0, l'image n'est pas chargée.

    Salut, Domen. C'est une bonne astuce, que je suis en utilisant la même image de conteneurs à charger les images de manière séquentielle. Donc, une fois que la première image est chargée, elle sera toujours avoir la largeur et la hauteur je pense. Même si je change la src par programmation.
    Que sur les navigateurs qui définit une valeur par défaut de chargement de l'image? Aussi ce sur les navigateurs qui ne charge pas l'image complètement (montrer floue pendant le chargement).
    merci mate , très belle solution

    OriginalL'auteur Domen Grabec