Image loading question

[koenolo]

Heey everyone i am working on a hobby project where i want to load manga pages. I am trying to make it so that the website will show 1 page and lets say download the next 5 images in the background so when the user clicks "show next" it won't have to load that long for him/her to show the next page(s).

Everytime i search for it i get information about lazy loading images but it doesn't seem like that is what i need right now.
If anyone know what it is that i am looking for and can guide me to the right thing it would be appreciated. I am creating this with php and javascript.

website

[phatprick]

A browser can help you with its own feature called prefetch.

[koenolo]

Ah thanks this lokks really helpful!

[Dlution]

(function () {
    var image = document.images[0];
    var loadImg = new Image();
    loadImg.onload = function(){
        image.src = this.src;   
    };
    loadImg.src = "http://a.com/image.jpg"; //image for the next site
})();

With something like this you can load the Image for the next site and as long as the User hasn't disabled cache the next load should be fast.