CSS Code
CODE
div#preload {
display:none;
}
display:none;
}
HTML Code
CODE
<div id="preload">
<img src="./images/image1.png">
<img src="./images/image2.png">
<img src="./images/image3.png">
</div>
<img src="./images/image1.png">
<img src="./images/image2.png">
<img src="./images/image3.png">
</div>
That's it. Place the HTML code at the beginning of your document, directly following your <body> tags. How this works is your browser loads the images before your actuall usage of them. The CSS code sets your div containing the preloaded images to invisible, so no one can notice them.
Example: Without Pre-Load | With Preload
Hope this is useful to someone
