/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 vote226 views1 answer
How to add make touchstart passive in jquery "3.4.0"
Javascript jQuery
3 votes215 views1 answer
Jquery version how
Javascript jQuery
0 vote244 views1 answer
Force click btn using jquery
Javascript jQuery
1 vote236 views2 answers
Select a label from jquery using for attribute
Javascript jQuery
1 vote218 views1 answer
How can I refresh a page with jQuery
Javascript jQuery
1 vote226 views1 answer
Jquery confirmation dialog example
Javascript jQuery
0 vote210 views1 answer
Jquery add inline style
Javascript jQuery
3 votes178 views1 answer
Jquery get document scrolltop
Javascript jQuery
0 vote192 views1 answer
Window widht jquery
Javascript jQuery
0 vote241 views1 answer
Jquery how to get element insde div
Javascript jQuery