Imagens de pré-carregamento de JavaScript

Eu estou tentando pré-carregar imagens, o código a seguir funciona:

$(document).ready(function(){
    $(".member-photos img").each(function(){
        var id = $(this).attr("data-id");
        var file = $(this).attr("data-file");
        var img = new Image();
        img.src = "/user-data/images/image.php?id="+id+"&file="+file+"&width=600&crop=false";
    });
});

Mas o problema que gostaria de resolver é que o Chrome exibe o ícone "Carregar" giratório na guia. Existe uma maneira de fazer isso para que ele não gire continuamente até que as imagens sejam carregadas? Eu gostaria que a página e as miniaturas fossem carregadas e, em seguida, começar a carregar as imagens maiores em segundo plano sem o ícone giratório na guia.

questionAnswers(3)

yourAnswerToTheQuestion