// preloading function of images
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
};

// use like
$.preloadImages("image1.gif", "/path/to/image2.png", "some/image3.jpg");

// preloading function of images
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

// use like
$.preloadImages("image1.gif", "/path/to/image2.png", "some/image3.jpg");

// preloading function of images
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

// use like
$.preloadImages("image1.gif", "/path/to/image2.png", "some/image3.jpg");

// preloading function for arbitrary content (which usually contains images)
jQuery.preloadContent = function(){
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<div>").html(arguments[i]);
  }
}

// use like (myvar being a JS variable with content to preload)
$.preloadContent(myvar1, myvar2);

http://www.innovatingtomorrow.net/2008/04/30/preloading-content-jquery

Thanks to Matt Farina

Also see similar snippet for preloading arbitrary content, e.g. media in content received via AJAX.

jQuery preloading images

javascript, jquery

JavaScript