How to download web resources first?

Question

I have some images to be downloaded in my website.

Instead of downloading them when they're going to be called, i want it to be completely downloaded before i call them.

So it will appears a complete image when i call them, instead of waiting for it's complete load.

Is there any method to do this master? Thank you

Answer 1

CSS:

image: display: none;

JavaScript:

image.onload = showSite();

function showSite() {
image.style.display = 'block';
}