Over a million developers have joined DZone.

FadeIn Images After Loaded

·
Turn off images while loading, and fade in when loaded


$(document).ready(function() {
    $('img').each(function() {
        $(this).css({
            opacity: 0
        }).bind('load', function() {
            $(this).animate({
                opacity: 1
            }, 'slow');
        });
    });
});
Topics:

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}