Crear una precarga de una imagen con CSS es muy sencillo.
Simplemente tienes que darle a la imagen un estilo que cargue un fondo que sea un gif animado.

img {
background: white url(’images/loading.gif’) no-repeat center;
}

Cargará la imagen loading.gif hasta que la imagen final esté lista.
No espereis que se cargue esta. Es un truco.