precarga de imagenes

[tonydx16]

Tengo en siguiente ccodigo

Código HTML:

<a href="#" onmouseover="change.src='img1.jpg';" onmouseout="change.src='img1.jpg';">Numero 1</a><br />
 
<a href="#" onmouseover="change.src='img2.jpg';" onmouseout="change.src='img2.jpg';">Numero 2</a><br />
 
<a href="#" onmouseover="change.src='img3.jpg';" onmouseout="change.src='img3.jpg';">Numero 3</a><br />
 
<a href="#" onmouseover="change.src='img4.jpg';" onmouseout="change.src='img4.jpg';">Numero 4</a><br />
 
<img src="img/1.jpg" name="change">
 

cada vez que pasa el mouse por el enlace cambia la imagen, hasta ahí todo bien; pero esta imagen demora un poco en cargar (cosa que es normal) sin embargo lo que quiero es hacer que antes que aparezca la imagen muestre una precarga de la imagen y una vez cargado la muestre toda....me pueden ayudar?...gracias

[tonydx16]

alguna respuesta??