Skip to content

Instantly share code, notes, and snippets.

@malachi358
Created June 24, 2013 10:08
Show Gist options
  • Save malachi358/5849069 to your computer and use it in GitHub Desktop.
Save malachi358/5849069 to your computer and use it in GitHub Desktop.
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