jQuery preload images

jquery.preloadImage.js

var preloadImage = function(src) {
    var def = $.Deferred(),
        preloadImg = $('<img/>');

    preloadImg.on('load', function() {
        def.resolve();
    });
    preloadImg.attr('src', src);

    return def.promise();
};

var preloadImages = function(srcs) {
    var def = $.Deferred(),
        defs = [];
    
    for (var i = 0, maxi = srcs.length; i < maxi; i++) {
        defs.push(preloadImage(srcs[i]));
    }
    
    $.when.apply($, defs).then(function() {
        def.resolve();
    });
    
    return def.promise();
};