Caching pictures with JavaScript

In JS, in order to let the picture cache, client JS defines an API, first using the image () constructor to create an off-screen picture object, The object's src Property is then set to the desired URL, and because the picture element is not added to the document, it is not visible, but the browser loads the picture and caches it.

Case: Caching multiple pictures

    function Preloader () {        varnew  Image ();         // The images array holds the URL path        of the picture to be cached var images = ["Image1.jpg", "image2.jpg", "image3.jpg"];          for (i=0; i < images.length; i++ ) {            // load picture to local client            imageobj.src=Images [i]        }    }

Caching pictures with JavaScript