/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

0 vote232 views1 answer
Jquery force page to reload on viewport resize
Javascript jQuery
15 votes201 views2 answers
Change source of image jquery
Javascript jQuery
0 vote210 views2 answers
How to get all attributes of an element in jquery
Javascript jQuery
63 votes228 views6 answers
Addclass jquery
Javascript jQuery
109 votes446 views6 answers
Jquery check checkbox
Javascript jQuery
0 vote197 views1 answer
Kendo dropdownlist value jquery
Javascript jQuery
0 vote234 views2 answers
Jquery style top
Javascript jQuery
1 vote252 views1 answer
Custom jquery validation messages
Javascript jQuery
0 vote205 views1 answer
Jquery if element is clicked
Javascript jQuery
0 vote214 views2 answers
Jquery dynamic event handling
Javascript jQuery