display wait gif until image is fully loaded

Posted by Dimitris Baltas on Stack Overflow See other posts from Stack Overflow or by Dimitris Baltas
Published on 2010-03-23T10:22:59Z Indexed on 2010/03/23 10:33 UTC
Read the original article Hit count: 411

Filed under:
|

Most popular browsers, while rendering an image, they display it line-by-line top-to-bottom as it loads.

I have a requirement that a wait gif should be displayed while the image is loading. When the image is fully loaded then it should be displayed instead of the wait gif.

If it helps, the site is http://farros.gr, main image: /images/bg.jpg and the div containing the image is named #main-content-image.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about JavaScript