Algumas vezes é preciso carregar uma imagem no site sem que ela seja inicialmente exibida, por exemplo:
Porém o navegador só começa a fazer o download destas imagem quando o mouse inicia a requisição.
Para que o carregamento aconteça sem ter que carregar todas as imagens deixando a pagina lenta, ou deixa-las com um css de display none ou visibility hidden, basta criar um objeto de imagem em javascript, desta forma:
- Quando temos um link com imagem de fundo e queremos alternar a imagem quando o mouse fica em cima do link, trocando a imagem de fundo;
- ou então quando temos banners randômicos feito em javascript, e precisamos ter as próximas imagens carregadas;
Porém o navegador só começa a fazer o download destas imagem quando o mouse inicia a requisição.
Para que o carregamento aconteça sem ter que carregar todas as imagens deixando a pagina lenta, ou deixa-las com um css de display none ou visibility hidden, basta criar um objeto de imagem em javascript, desta forma:
<script>
(new Image(tamanhox,tamanhoy)).src="nomedaimagem.ext";
</script>
Comentários