Делаю прелоад изображений.
У меня есть 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
Однако на экран оно выводиться только один раз.
Из-за чего такое происходит и как узнать тогда момент, когда все изображения будут загружены?