12 de julho de 2012

jQuery - Efeito fade ao carregar imagem

<!DOCTYPE html>
<html>
    <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <style>
       img {opacity:0;}
    </style>
    <script>
    function fade(imagem){      
        $(imagem).animate({'opacity':1});
    }
    </script>
    </head>
    <body>
        <img src='http://cdn.sejalivre.org/uploads/2011/08/firefox.jpg' onload='fade(this);' />
    </body>
</html>

2 comentários: