onloadFade

HTML

<img class="image" src="http://seokvartal.com/wp-content/uploads/2010/01/google.jpg" width="300" height="300">

JavaScript

jQuery(function() {
    jQuery('.image').onloadFade();
});

jQuery.fn.onloadFade = function(options) {
    var options = jQuery.extend({
        speedFade: 300
    }, options);
    
    return this.each(function() {
        var image = jQuery(this);
        
        image.css('opacity', '0');
        
        image.load(function() {
            image.animate({
                opacity: 1
            }, {
                duration: options.speedFade,
                complete: function() {
                    jQuery(this).css('opacity', 'auto');
                }
            })
        })
    })
}