Precarga de imágenes sin JavaScript

111

Paso 1; inserta esto en tu hoja de estilos

div#preloaded-images {
  position: absolute;overflow: hidden;
  left: -9999px;top: -9999px;height: 1px; width: 1px;
}

Paso2; coloca esto al final del código HTML (preferiblemente antes de </body>)

<div id="preloaded-images">
<img src="Images/img01.png" width="1" height="1" />
<img src="Images/img02.png" width="1" height="1" />
<img src="Images/img03.png" width="1" height="1" />
</div>

Es una forma muy sencilla de cargar las imágenes por medio de css.
También podría gustarte

Deja una respuesta

Do NOT follow this link or you will be banned from the site!