поджать кучу изображений из массива имен файлов, выполните функцию после того, как 50% сделали

Question

Хей, я использую этот скрипт

function preloader(images){ 
     var i = 0; 
     imageObj = new Image(); 


     // start preloading 
     for(i=0; i<=images.length; i++){ 
      imageObj.src=images[i]; 
      imageObj.onLoad = check(i, images.length/2); 
     }; 

    } 

и передавая кучу изображений в нее для предварительной загрузки.

функция проверки() это

check = function(e,i){ 
     if(e == i){ 
      run_fading_gallery(imgcode); 
      $(".loading").hide(); 
     }; 
    } 

Но это не кажется, работает.

Любые идеи? Или есть что-нибудь, что я могу использовать в Интернете уже?

Answer 1

Дело в том, что вы установили только 1 imageObj и изменяя его источник и обработчик событий. Почему бы вам не попробовать создать объект изображения для каждого изображения? (в вашей петле).

Чтобы быть более конкретным:

function preloader(images){ 
     var i = 0; 

     // start preloading 
     for(i=0; i<=images.length; i++){ 
      imageObj = new Image(); 
      imageObj.src=images[i]; 
      imageObj.onLoad = check(i, images.length/2); 
     }; 

    } 

Answer 2

images.length/2 не будет целым числом, если в массиве имеется нечетное количество изображений, поэтому оно не будет равно i в функции проверки. Попробуйте Math.floor:

function preloader(images){ 
    var i = 0; 
    imageObj = new Image(); 


    // start preloading 
    for(i=0; i<=images.length; i++){ 

     imageObj.onLoad = check(i, Math.floor(images.length/2)); 
     imageObj.src=images[i]; 
    }; 

} 

Answer 3

Он не будет работать. Предположим, у вас есть 100 изображений. Изображения загружаются асинхронно. Если первое загруженное изображение представляет собой номер изображения 50, тогда функция скажет, что загружено 50 изображений, а загружено только 1 изображение.