Hover Bilder im Hintegrund laden

[gaplex]

Hallo Leute,
ich suche verzweifelt nach einer Lösung von der ich weiß, dass sie existiert :)

Ich hab eine Seite mit 3 Bildern, bei "mouseover" wird das jeweilige Bild in einer zweiten Version die 5% größer ist angezeigt.

Aber leider werden diese vergrößerten Bilder auch erst bei Mouseover geladen, was eine Verzögerung mit sich führt.
Ich weiß das es eine Möglichkeit gibt, dem Browser zu sagen, dass er bereits beim öffnen der Seite auch diese Bilder gleich in seinen Cache läd.

Leider finde ich den Lösungssatz nicht, kann mir jemand helfen? Danke!

 

[gaplex]

Eine alternative Lösung ist natürlich die Bilder einfach im Quelltext anzugeben aber mit CSS zu verstecken, eine etwas Zweckentfremende Lösung, aber funktioniert.

<div id="laden">
<img src="hoverbild1.png"></img>
<img src="hoverbild2.png"></img>
<img src="hoverbild3.png"></img>
</div>

#laden {
visibility:hidden;
height:1px;
width:1px;
overflow:hidden;
position:absolute;
top:0;
left:-1px
}

 

[prm]

Preload Images - Images vorladen mit HTML oder JavaScript