Siempre es bueno que las imágenes tarden poco en cargar, para no impacientar al lector y que acabe por irse de la página.

Para precargar imágenes mediante CSS, solo deberemos aplicar este código CSS:

.preload{display:none;}

Después creamos un div que agrupe a nuestras imágenes precargadas.

<div class="preload">
<img src="images/dog-over.gif" alt="Dog" />
<img src="images/cat-over.gif" alt="Cat" />
<img src="images/mouse-over.gif" alt="Mouse" />

Ya está, ya tendremos esas imágenes precargadas antes de que se cargue todo el contenido del sitio.

Ejemplo | Dynamix Labs

Vía | Dynamix Labs

Compartir/Guardar