carga inteira da página HTML do jQuery com girador

Eu estou tentando algo simples - fazer um script jQuery que vai esperar para mostrar a página inteira, incluindo todos os DIVs, texto e imagens. Enquanto a página está carregando, em vez de mostrar partes da página, eu gostaria de mostrar uma imagem GIF girando, e quando a página inteira é carregada, podemos esmaecer o conteúdo da página na janela do navegador.

Existem muitos scripts para carregar com um pedido ajax em um contêiner DIV - mas isso é diferente. Isso mostrará um GIF giratório enquanto uma página HTML está sendo carregada. Qualquer ajuda é apreciada

Esse tipo de script só funciona em solicitações de ajax

$('#loadingDiv')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });