Muchas gracias emprear! Que bien se siente saber que hay gente con ganas de ayudar en esta comunidad!
Lo pude solucionar realizando lo que me sugeriste, mi código quedó de esta manera (un fragmento) :
Código HTML:
<body>
<div class="precargadas">
<img src="images/botnavhover.png">
<img src="images/logfacehov.png">
</div>
</body>
Algo raro es que en mi hoja de estilos css al agregar los atributos width y height en 1 px cada uno, no desaparecieron la imagenes. Pero si desaparecieron al agregar el atributo "overflow: hidden", que la verdad todavia no entiendo para que funciona jaja.
Así quedo mi fragmento de código css:
Código HTML:
.precargadas{
width:1px;
height:1px;
overflow:hidden;
}
Ahora quiero saber,
es correcto realizar esto? Esta bien visto por los desarrolladores de páginas web? El navegador carga las mismas imagenes dos veces, o con la precarga no se tienen que volver a cargar?
Muchas gracias, que tengan un buen día.