Ecco un piccolo esempio css per applicare una piccola gif che apparirà durante il caricamento di un’ immagine particolarmente pesante.
La classe .boximmagine conterrà l’immagine, il tag img applicato alla classe controllerà invece lo sfondo e quindi la giffina che deve apparire durante il caricamento dell’immagine. La giffina deve essere centrata e quindi sarà background-position: center center; (posizione verticale e orizzontale a centrato). Applicare display:block; a .boximmagine img e personalizzare colore di sfondo e bordi.
Nel documento xhtml invece basterà inserire l’immagine che deve apparire dopo il caricamento e il gioco è fatto. :DD