Précharger des images avec jQuery

Il est parfois nécessaire de devoir précharger une série d'images pour faire un rollover par exemple ou tout autre type d'animation.

Il est certes possible de précharger ses images en JavaScript pur mais c'est un peu verbeux :

var images = [ "image1.gif", "image2.gif", "image3.gif" ];

for (var i=0, n=images.length; i < n; i++) {
  var img = new Image();
  img.src = images[i];
}

Ce n'est certes pas très compliqué mais avec jQuery cela devient :

var images = [ "image1.gif", "image2.gif", "image3.gif" ];

$(images).each(function(){ $("<img/>")[0].src = this; });