Acabo de añadir una cosilla al blog, pensada para usuarios que tengan conexiones de baja velocidad. En teoría, los usuarios que tengan de ADSL para arriba ni se enterarán.

Veamos... Si tienes una conexión en el ciberdespacio, cuando cargues este blog seguramente podrás leer un buen cacho de texto antes de que carguen las imágenes de la página, que son unas cuantas. A veces resulta frustrante, porque no sabes si realmente están cargando las imágenes o no.

Pues bueno, para no despistar, ahora aparecerá una especie de barra de progreso animada que dará la impresión de que la imagen se está cargando y un usuario con conexión lenta sabrá que ahí en medio va una imagen, en lugar de un enorme bloque vacío fruto de la mente enferma del autor.

Aquí tienen un ejemplo sobre cómo se ve el fondo:

Esta imagen no existe, en realidad

Para hacer esto, lo único que he hecho es poner de fondo de la imagen un GIF animado, y lo enchufo así:

 .post img {
     text-align: center;
     background: #fff url('...') no-repeat 50% 50%;
 }

Donde están los puntos suspensivos va la ruta de la imagen, que es muy larga y se sale del espacio para el texto de la página ;)

PS Para hacer esta chorrada me inspiré en un artículo en The CSS Weblog.

|