Loader de Imagenes / Como indicar que una imagen se esta cargando

Una manera muy simple de indicar que una imagen aun no se cargo es ubicar en su lugar otra imagen que nos de la sensacion de que la imagen principal esta descargandose. Para ello un truco muy simple, poner de fondo del elemento una imagen animada muy liviana, bien ajaxy. Para generar este tipo de imagenes sobran webs, solo con buscar Ajax Loader obtendremos satisfactorios resultados.

Ahora el código:

img { background:url(img/ajaxloader.gif) center no-repeat; }

Con este simple código a todas las imagenes del sitio le colocamos nuestra animación de fondo, cuando la imagen principal se haya cargado no será mas visible, entretanto se este descargando le damos al usuario mayor sensación de dinamismo.