Animation choppy on large image, am I doing something wrong?

Animation choppy on large image, am I doing something wrong?

Hi, absolute beginner here, can someone please help?

I want to use the show() function on one large image on a home page:
http://www.johnbrinklow.co.uk/dev/

The animation effect works, but it's really choppy. How come, is it simply down to the size of the image?

Here's the HTML:

in the HTML head I have:

  1. <script type="text/javascript">
            $(window).load(function() {
              $('#ceiling-jquery').show(1000, function() {
                // Animation complete.
                         });
                  });       
    </script>







and in the body I have:
  1. <div class="content" id="home">
          <img id="ceiling-jquery" src="i/photos/ceiling-home.jpg" alt="ceiling" width="940" height="529" />
    </div>



thanks for any tips