CrossSlide - Can't get it to show images

CrossSlide - Can't get it to show images

First up: I'm very new to using jQuery. I've been trying to implement the CrossSlide plug-in on a new site I'm building.

This is the code I have in the <head>:
  1. <style type="text/css">
    <!--
    #cross {
        height: 500px;
        width: 860px;
        display:block;
    }
    -->
    </style>
    <script type="text/javascript" src="css-js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="css-js/jquery.cross-slide.min.js"></script>
    <script>
      $(document).ready(function() {
        $('#cross').crossSlide({
          sleep: 2,
          fade: 1
        }, [
          { src: 'img/temp-home1.jpg' },
          { src: 'img/temp-home2.jpg' },
          { src: 'img/temp-home3.jpg' },
          { src: 'img/temp-home4.jpg' }
        ])
      });
    </script>
























And in the body I just have
  1. <div id="cross"></div>


Nothing will load. Can anyone tell me where I'm going wrong? I've already checked and double checked the files names for the scripts and for the images.