Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sandler Riot

[Resolvido] Pre-Carregar imagem com JavaScript

Recommended Posts

Olá galera, vejam se podem me ajudar:

 

Situação

Tenho um menu com css, onde ao passar o mouse ele carrega uma imagem determinada no a:hover. Só que, até carregar esta imagem ele fica vazio, aparentando assim um bug.

 

 

Solução:

Como posso definir via JavaScript para pre-carregar estas imagems? Para quando o usuário passar o mouse no menu, as imagens do a:hover ja tiverem sido carregadsa e sejam mosradas instantaneamente.

 

=)

Compartilhar este post


Link para o post
Compartilhar em outros sites

voce quer que ocupe espaço? coloque   no conteúdo...

Não é isso que ele quer, o que ele quer é que não fique uma area vazia enquanto carrega a imagem, leia com mais atençao amigo ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenho um menu com css, onde ao passar o mouse ele carrega uma imagem determinada no a:hover.

Essa é a situação perfeita para usar CSS Sprite

http://imasters.com.br/artigo/6041/css/css_sprite/

 

Assim, você garante que funcione, mesmo que o usuário esteja com Javascript desativado.. fica até mais leve, já que torna desnecessário o script. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Se não achar uma boa solução(eu considero que essa com CSS é bem melhor doque com JS), daqui a poco alguém posta ai um preload de imagens..

 

Aqui no fórum deve ter, já postei um.. [buscando]

Não testei, mas num vi nada de errado:

http://forum.imasters.com.br/index.php...t&p=1221297

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.