Home/ Questions/Q 6721101
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T09:17:23+00:00

Is there a best way to gracefully fade in high-res images with javascript/jquery after

  • 0

Is there a best way to gracefully fade in high-res images with javascript/jquery after the client has cached it, similar to the way Bing or Yahoo Mail does it ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re looking for the load function in jQuery. Here is an example:

    <html>
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){           
            $("#bigImg").load(function() {
                $(this).fadeIn(2000);
            });
        });
    </script>
</head>
<body>
    <img id="bigImg" style="display:none" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/2006-03-26_Denver_Skyline_I-25_Speer.jpg" />
</body>
</html>

    And the jQuery reference: http://api.jquery.com/load-event/

    Happy coding!

    • 0