Start jQuery AFTER image loads?

Start jQuery AFTER image loads?

What I'm doing is I have a splash screen before it displays my webpage:

  1. $(function() {
     $('#splash').fadeIn(2000, function() {
           $(this).delay(500).fadeOut(2000, function() {
                $('#copy').fadeIn(1000); });


What I want to happen is this will run AFTER the image (splash) is fully loaded. I could put a .delay on it but I don't want to make people wait if there internet connection is fast enough to load the image fast.

Maybe the .load function? I'm not really sure how to use that yet so if someone could help me that would be great.