Sin javascript, sin cosas raras, una manera muy simple de hacer una precarga de imágenes para, por ejemplo, los hovers de un menú.

Si bien hoy por hoy la simple carga de imágenes no es un problema, sobre todo por las velocidades de conexión que tenemos, es divertido el ejemplo.

CSS

1
2
3
4
5
6
7
8

#imgCarga{
background: url(imagenes/imagen1.jpg);
background: url(imagenes/imagen2.jpg);
background: url(imagenes/imagen3.jpg);
 
...
display: none;
}

Luego, en el html, después del tag Body, podemos agregar un div

<div id='imgCarga'></div>

Las imágenes están disponibles, ahora podemos usarlas en cualquier momento sin los tiempos de espera de carga.

Tags: Css, html

Este artículo fue publicado en Viernes, Octubre 31st, 2008 a las 10:00 am bajo las categorías Css. Podés seguir las respuestas a este artículo vía RSS 2.0. También podés dejar una respuesta, o hacer un trackback desde tu sitio.