Skip to content

Instantly share code, notes, and snippets.

@fasthold
Created May 12, 2013 10:01
Show Gist options
  • Save fasthold/5563034 to your computer and use it in GitHub Desktop.
Save fasthold/5563034 to your computer and use it in GitHub Desktop.
Preload images so simple.
// From http://stackoverflow.com/questions/476679/preloading-images-with-jquery
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
// Alternatively you could use:
// (new Image()).src = this;
});
}
// Usage:
preload([
'img/imageName.jpg',
'img/anotherOne.jpg',
'img/blahblahblah.jpg'
]);
/**
* Or, if you want a jQuery plugin:
*/
$.fn.preload = function() {
this.each(function(){
$('<img/>')[0].src = this;
});
}
// Usage:
$(['img1.jpg','img2.jpg','img3.jpg']).preload();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment