Carregar imagens antes

[LuqYYY 1]

È o seguinte, tenho uma div absolute w:100% h:100% sobre as fotos para não mostrá-las, gostaria que quando todas as fotos estivessem carregadas essa div ficasse com display:none.

[Diego Rinno 35]

Você pode usar o $(window).ready() do jQuery pra isso. Basicamente isso faz executar uma função qualquer somente depois que a janela inteira tiver sido carregada (isso inclui as imagens, HTML, CSS e todo o DOM).

[Diego Rinno 35]

Pode definir todas as imagens como display:none e depois fazer assim:

$(window).ready(function(){
    $("#idDaMinhaImagem").fadeIn(slow);
});

Dessa forma não vai precisar da DIV em cima das imagens, vai deixar a página muito mais rápida e segura.

[LuqYYY 1]

Mais eu quero que fique um preloader, no site só contem imagens então ficar uma pagina em branco carregando é feio, ai eu queria deixar o preloader até todas as fotos carregarem, ai sim exibir.