Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Estou utilizando o script abaixo para qua a mensagem "Carregando.." apareça enquanto a imagem é carregada.
Eu queria saber como faço para que ao invés de aparecer um texto aparecesse um gif animado indicando o carregamento.
Segue o script:
<script type="text/javascript">
var carregar;
function abrePagina( img )
{
carregar = new Image();
carregar.src = img;
document.getElementById("pic").innerHTML = "Carregando..";
setTimeout( "verificaCarregamento()", 100 );
}
function verificaCarregamento()
{
if( carregar.complete )
{
document.getElementById("pic").innerHTML = "<img src=\"" + carregar.src + "\" />";
}
else
{
setTimeout( "verificaCarregamento()", 100 );
}
}
</script>
Valeu!
Cria um gif animado (ou então buque um na net) e no seu script altere a linha que aparece a string "Carregando" para a string da tag completa da imagem. Fica mais ou menos assim:
document.getElementById("pic").innerHTML = "<img src='carregando.gif' alt='Carregando...' />";
ABRAX!!
Não sei como implementar isso... mas achei alguns links:
http://slayeroffice.com/code/progressBar/
pelo que vi esse carregamento é baseado em quantas imagens foram carregadas ate o momento, para uma imagem só não serve
http://www.trap17.com/index.php/image-prel...tus_t21316.html
Você poderia colocar um gif daqueles que ficam girando só pra indicar o carregamento...