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

[gregory.pelletey]

Hello

What about this?

div id=skip style=display:none;margin:50px 0;font-size:36px
spanabout.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');
 });

[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
 spanabout.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');
  });