Si eres de los que tiene todavía una conexión prehistórica o te gusta poner imágenes en tu web que ocupan una barbaridad, CSS tiene la solución. (como casi siempre)
Se trata de hacer el típico “cargando” con una imagen que seleccionaremos previamente. ¿Cómo?, muy fácil…
Primero seleccionamos la imagen que queramos que aparezca como aviso:
.cargando{background:url (‘imagen_cargando.gif’) no-repeat center;}
Después, ya en nuestro HTML, creamos la capa llamando al estilo que hemos creado antes:
<div class=”cargando” style=”width:50px;height:50px”><img src=”imagen_grande.jpg” alt=”Pedazo de imagen” /></div>
¡Y ya está!…¿que no te lo crees?, pruébalo y verás…
Sencillo, rápido y efectivo
Lo que no pueda hacer un buen CSS… ains !
Pues si señor, un truquillo fácil, original e ingenioso para conseguir ese efecto. Saludos!