Precarga de imágenes mediante CSS

Un ejemplo muy sencillo para precargar imágenes, muy útil cuando usemos el efecto roll over utilizando CSS, es creando una capa en el que cargaremos imagenes de background que no se llegan a mostrar.

Ejemplo del CSS:

#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(path/to/image1.png);
background-image: url(path/to/image2.png);
background-image: url(path/to/image3.png);
background-image: url(path/to/image4.png);
background-image: url();
}

Ejemplo del HTML:

<div id="preloadedImages"></div>

Visto en SentidoWeb

Escrito por Niko | 22 de Julio de 2009 con 1 comentario.
Etiquetas: Precargar de imágenes
Lee más artículos sobre CSS

Artículos relacionados

• 
  Precarga de imágenes en Javascipt

  Aquí os dejamos un sencillo tutorial para realizar la precargar de imagenes con javascript. Utilizaremos una función en javascript y la...