Tenho uma página com um menu lateral, e o conteúdo desse menu é aberto dentro de um iframe.
CSS
#preloader {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
background: #ccc;
z-index: 9999;
}
ALBUM.PHP
<body>
<div id="preloader"><img src="images/loading_azul.gif"></div>
<div id="conteudo">
...
JS
$(document).ready(function(){
//Esconde preloader
$(window).load(function(){
$('#preloader').fadeOut(1500); //1500 é a duração do efeito (1.5 seg)
});
});
O problema é que só no final desse carregamento, ele mostra a animação do gif na tela, um pouco antes de ocultar.
Alguém sabe me dizer o porque?
carregando()
? E onde está o HTML#carregando
e#loading
?