The example in this article describes the common methods of preloading images in jQuery. Share it with everyone for your reference. The details are as follows:
Method 1:
$.preloadImages = function() { for (var i = 0; i<arguments.length; i++) { img = new Image(); img.src = arguments[i]; } } $.preloadImages ( "path_to_image_array", "path_to_image_array", "path_to_image_array" );
Method 2:
// JQUERY WAY TO PRELOAD IMAGES // DOES NOT NEED TO BE IN DOCUMENT READY $.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { img = new Image(); img.src = arguments[i]; } } $.preloadImages( "path/to/image/1", "path/to/image/2", "path/to/image/3" );
I hope this article will be helpful to everyone’s jQuery programming.