[jQuery] Re: how to wait for image finished loading then display the page?

[Stephan Veigl]

Hi Mark,

I would suggest that you wait on the load event of your images.
Something like:

var imgTotal = 10; // total number of images on your page
var imgCount = 0;

$("img").load(function(){
  imCount++;
  if (imgCount == imgTotal)
    $("#skip").show();
}

There are plenty of discussions about image load on this list. Take a look at:
http://groups.google.at/group/jquery-en/browse_thread/thread/2cfdb0ad4101e49d/595665699c4885bc
http://groups.google.com/group/jquery-dev/browse_thread/thread/24b107e84adeaaee/

by(e)
Stephan


2009/2/6 gregory.pelletey <ptitgr...@gmail.com>:
>
> Hello
>
> What about this?
>
> <div id="skip" style="display:none;margin:50px 0;font-size:36px">
> <span>about.php Get me out of here !</span>
> </div>
>
> // ..
> //your code...
> // ..
>
>  $(document).ready(function(){
>        $('#skip').find('span').hide().end().show('slow').end().find
> ('span').show('slow');
>  });
>
>