Carregando imagem em segundo plano

Algumas vezes é preciso carregar uma imagem no site sem que ela seja inicialmente exibida, por exemplo:
  1. 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;
  2. 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