Então eu tenho desenvolvido recentemente um site, O problema é que os fundos para cada página são imagens e, como resultado, em conexões mais lentas (que é o caso de alguns dos usuários) as imagens são carregadas progressivamente conforme são baixadas, para resolver isso Estou tentando fazer uma página de pré-carregamento que faz o seguinte:

Carrega as Imagens

Quando o carregamento estiver concluído, redireciona o usuário para a página solicitada

<script type="text/javascript">
<!--//--><![CDATA[//><!--
    var images = new Array()
    var count=0;
    function preload() {
        for (i = 0; i < preload.arguments.length; i++) {
            images[i] = new Image()
            images[i].src = preload.arguments[i]
        }
    if(count==4) {
    window.location = "index.html";
    }
    }
    preload(
        "backgrounds/bg1.jpg",
        "backgrounds/bg2.jpg",
        "backgrounds/bg3.jpg",
        "backgrounds/bg4.jpg"
    )
//--><!]]>

O problema é que ele redireciona diretamente (eu suponho que ele apenas inicia o download da imagem, então adiciona diretamente uma à variável do contador, alcançando rapidamente 4 e não dando à imagem o tempo para fazer o download.

Alguma idéia de como eu posso fazê-lo sinalizar quando as imagens terminarem o download, ou apenas executar o redirecionamento depois de ter feito o download das imagens?