Jquery - Detectar se a página foi carregada
Boa noite,
Preciso de um ícone/animação/texto/qualquer-coisa que me indique que algum elemento da página ainda está sendo carregado.
Tentei usar "$(window).load" e outros recursos semelhantes, mas o problema é que eu troco troco as imagens da página toda vez que o usuário clica em um botão, algo como isso:
<head> <title> Página zuada </title> </head>
<body>
<img id="imagem" src="imagem1.jpg" />
<button onclick="troca-imagem('imagem');"></button>
<script>
troca-imagem = function(img){
document.getElementById(img).src = 'imagem2.jpg';
}
</script>
Na primeira vez que a página carrega consigo implementar uma animação de loading, porém preciso que ela apareça sempre que qualquer elemento está carregando, pois as imagens que eu vou trocando são pesadas.
Por favor, alguém pode fornecer alguma luz?Discussão (8)
Carregando comentários...