Precarga de imágenes en HTML

Quiero precargar estas 4 imágenes. Intenté esto:

<img src="img/1.jpg" style="display:none">
<img src="img/1a.jpg" style="display:none">
<img src="img/1b.jpg" style="display:none">
<img src="img/1c.jpg" style="display:none">

No funcionó, así que intenté esto en su lugar:

new Image().src = "img/1.jpg";
new Image().src = "img/1a.jpg";
new Image().src = "img/1b.jpg";
new Image().src = "img/1c.jpg";

El método JS funcionó con el fondo pero no con estos.

Respuestas a la pregunta(3)

Su respuesta a la pregunta