Propper fade in effect

[Roope]

I have a fade in effect for my fronpage header and couple of images:

window.addEvent('domready', function(){
        var fade = $$('.hotspot', '.heading');
        fade.each(function(element) {
        var fadeIn = new Fx.Morph(element, {
                duration:2400,
                transition: Fx.Transitions.Quint.easeIn,
                wait:true
                });
                fadeIn.start({'opacity': [0, 1]
                });
        });
});

This way images and stuff are visible until element are fully loaded
and it looks stupid. Is there better way to do this?