предварительный загрузчик фонового изображения с использованием jQuery

Я работаю над сайтом, на котором очень много фоновых изображений. Поскольку некоторые изображения большие, эстетическая привлекательность страницы неизбежно ухудшится при начальной загрузке, вероятно, на несколько секунд.

Я пытаюсь создать предварительный загрузчик фонового изображения с помощью jQuery, и вот где я at:

$(document).ready(function(e){
  $('*')
    .each(function(){
        if($(this).css('background-image') != 'none'){

            //so, i can get the path, where do i go from here?
            alert($(this).css('background-image').slice(5, -2));

        }
    });
});

Я использовал массив объектов Image () , чтобы загрузить изображение, используя путь, взятый из моего итератора, но я не знаю, куда идти отсюда.

Как я могу определить, когда все изображения в массиве «загружены», чтобы я мог вызвать функцию, которая убирает шторку прелоадера или что-то в этом роде?