.load() ne sont pas de tir pour toutes les images

Question

j'ai créé un script de galerie, premières images de charges à afficher http://bit.ly/9aQdr3

Il y a 36 images mais image.load() tire seulement 27 fois. voici le code

var c = 0; 
    for(var i =1; i <= 36; i++){ 
     var img = '<img width="500" src="images/' + i + '.jpg" />' 
     $('#gallery .images').append(img); 
    } 

    $('#gallery .images img').css({display: 'block', position: 'absolute', left: '0px', top: '0px'}); 
    $('#gallery .images img').hide(); 
    totalImages = $('#gallery .images img').size(); 
    $('#gallery .images img').load(function(){   
     c++; 
     var ip = parseInt((c/totalImages)*100);      
     $('#gallery .images p').text('Loading ... ' + ip + '%');    
     if(c == totalImages){    
      $('#gallery .images p').remove(); 
      $('#gallery .images img').eq(0).show(); 
      interval = setInterval(startAnimation, 100); 
      isPlaying = true; 
     } 
    }); 

Answer 1

le problème semble être ici

if(c == totalImages){ 
    $('#movieShow .images p').remove(); 
    $('#movieShow .images img').eq(0).show(); 
    interval = setInterval('startAnimation()', 100); 
    isPlaying = true; 
} 

essayer d'imprimer sur la console Firebug c et totalImages, peut-être vous avez un problème avec l'augmentation de la variable c ou totalImages est pas la valeur attendue.

Note: au lieu de

interval = setInterval('startAnimation()', 100); 

s'il vous plaît utiliser

interval = setInterval(startAnimation, 100); 

afin que vous puissiez éviter une résolution de portée avec un eval cher()