/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 vote215 views1 answer
Add on click to div using jquery
Javascript jQuery
0 vote161 views2 answers
How to rmeove white space in a string with jquery
Javascript jQuery
0 vote180 views2 answers
Datatable on change event jquery
Javascript jQuery
1 vote190 views1 answer
Jquery pass element to function
Javascript jQuery
21 votes176 views5 answers
Jquery run after page load
Javascript jQuery
0 vote170 views1 answer
Tab key code in jquery
Javascript jQuery
3 votes180 views2 answers
Jquery set textbox value
Javascript jQuery
32 votes193 views6 answers
Get attribute value jquery
Javascript jQuery
0 vote175 views1 answer
Summernote keyup event jquery
Javascript jQuery
2 votes173 views1 answer
Enable/disable textbox on checkbox click using jquery
Javascript jQuery