Прелоад изображений
 

Делаю прелоад изображений.

У меня есть 5 блоков div, для которых я должен подгрузить перед показом изображения (из свойства background-img)

var objects = null;
var o_len = null;

var preload_images = function() {
  
  var images = new Array();
  var src = null;
  var i = 0;
  
  for(i=1; i<=o_len; i++ ) {
    
    images[i] = new Image();
    src = jQuery(objects).eq(i-1).css("background-image");
    src = src.substring(4, (parseInt(src.length) - 1)); 
    
    images[i].src = src;
    images[i].onload = function() {
      alert("Изображение загружено!");
    }
        
        
  }
  
};

jQuery(document).ready(function() {
  
  objects = jQuery(".header-bg");
  o_len = jQuery(objects).length;
  
  preload_images();
  
});

Вообще я ожидал, что сообщение "Изображение загружено!" должно появиться 5 раз, т.к. у меня 5 блоков header-bg

Однако на экран оно выводиться только один раз.

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

был не внимательным, загрузил на сервер только одно изображение из 5 - следовательно и onload-функция вызывалась только один раз