Hola, lo más sencillo es poner un css
Código HTML:
<style>
img
{
background-repeat:no-repeat;
background-position:center center;
background-image:url('loading.gif');
}
</style> Peor claro entonces TODAS las imágenes antes de ser cargadas tendrán ese fondo de no ser que sobreescribas con style="background-image:none"
Tb puedes definir una clase css y aplicarla a las imágebes que quieres que tenga un fondo hasta que se carguen:
Código HTML:
<style>
.preload
{
background-repeat:no-repeat;
background-position:center center;
background-image:url('loading.gif');
}
</style> Luego instancias con <img class="preload"> y a tirar :)
Saludos