/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

4 votes166 views4 answers
Change background image with jquery
Javascript jQuery
0 vote141 views2 answers
How to pass custom regex in jquery validation
Javascript jQuery
0 vote151 views1 answer
Jquery datatable server side pagination asp.net core
Javascript jQuery
0 vote146 views1 answer
Jquery on change function not working
Javascript jQuery
7 votes166 views2 answers
How to edit the link in a href with jquery
Javascript jQuery
32 votes149 views6 answers
Get attribute value jquery
Javascript jQuery
0 vote174 views1 answer
Ocultar o mostrar elementos HTML con JQuery
Javascript jQuery
4 votes133 views2 answers
Jquery data
Javascript jQuery
1 vote144 views1 answer
Toggle jquery remove others
Javascript jQuery
1 vote140 views1 answer
Onscroll add class jquery
Javascript jQuery