/Javascript/jQuery/Jquery preload images

Jquery preload images

//preloading Images with jQuery
function preloadImages(images) {
    $(images).each(function(){
        $('<img/>')[0].src = this;
    });
}

preloadImages([
    'images/image1.png',
    'images/image2.png'
]);

Jquery preload images

// Image proeloading with jQuery
$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

// Usage:

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

Source: codeddesign.org

Similar codes

17 votes257 views2 answers
Jquery add element to array
Javascript jQuery
9 votes230 views3 answers
Jquery animation
Javascript jQuery
0 vote272 views1 answer
Jquery table header agnostic of scroll
Javascript jQuery
0 vote241 views2 answers
Remove last char - jquery
Javascript jQuery
0 vote286 views1 answer
Jquery dialog button text set by variable
Javascript jQuery
0 vote263 views1 answer
Jquery method
Javascript jQuery
9 votes311 views3 answers
Jquery get base url
Javascript jQuery
0 vote293 views1 answer
Space in string using if in jquery
Javascript jQuery
26 votes283 views6 answers
Jquery selected option text
Javascript jQuery
4 votes253 views4 answers
Set span text jquery
Javascript jQuery