/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 vote152 views1 answer
Jquery loop 0 to 10
Javascript jQuery
2 votes136 views2 answers
Jquery set attribute readonly
Javascript jQuery
0 vote156 views1 answer
How to submit form on changed url in function in jquery
Javascript jQuery
1 vote142 views1 answer
Adding integers jquery
Javascript jQuery
0 vote134 views1 answer
Jquery how to detect click outside off-canvas-navigation
Javascript jQuery
0 vote150 views1 answer
Jquery detach and remove
Javascript jQuery
18 votes194 views5 answers
JQuery AJAX form submit
Javascript jQuery
1 vote174 views1 answer
Jquery unselect option
Javascript jQuery
0 vote138 views1 answer
Get how much i scroll in jquery
Javascript jQuery
0 vote138 views1 answer
Add table header dynamically in jquery
Javascript jQuery