jQuery image loaded special event

jquery.event.special.imageload.js

(function ($) {
    
    function img_has_loaded(imgEl) {
        var dfd = $.Deferred();

        var img = new Image();
        img.onload = function() {
            if (!dfd.isResolved())
                dfd.resolve();
        }
        img.src = $(imgEl).attr('src');

        if (img.complete && !dfd.isResolved()) {
            dfd.resolve();
        }

        return dfd.promise();
    }

    $.event.special.imageload = {
        add: function(details) {
            var self = $(this);
            var images = $(this).is('img') ? $(this) : $(this).find('img');
            var dfds = [];
            images.each(function() {
                dfds.push( img_has_loaded( this ) );
            });
            $.when.apply(this, dfds).then(function() {
                details.handler.call(this, {type: 'imageload'});
            });
        },
        remove: function(details) {
        }
    };
    
})(jQuery);