Imagine uma imagem grande, que demora pra ser carregada.
E se colocar um loading na imagem?
É bem simples:
<img src="imagemPesada.jpg" alt="alt da imagem" id="imagemPrincipal"/>
E no css :
img#imagemPrincipal{
background: url('loading.gif') no-repeatcenter center;
}
Um outro exemplo do que se pode fazer com isso, é colocar níveis de profundidade, veja o exemplo abaixo:
Esse não foi feito por mim, eu achei na internet mas infelizmente não sei quem fez para dar os créditos, se alguém souber, avise-me.
Danilo é coordenador de interface da AdBat/Tesla, é Corinthiano e Vegan. Gosta de correr, de jogar xadrez, tênis, e futebol de videogame (no futebol de verdade ele é muito ruim). Programa de dia na AdBat/Telsa e de noite no 
