jquery - Nivo Slider がまったく機能しない

Question

ウェブサイトのホームページにnivo-slider を配置しようとしました。なぜか全く映りません。出来ない理由が解りません…。

更新: 静止画像のみが表示されるようになりました:S (実際のスクリプトの前にjqueryライブラリを配置しました

これをヘッダーに入れました: (ヘッダーは、ディレクトリ /site の layout.php ファイルにあります)

<!--NIVO SLIDER-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="site/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
<link rel="stylesheet" href="site/nivo-slider/nivo-slider.css" type="text/css" media="screen" />

<link rel="stylesheet" href="site/nivo-slider/themes/default/default.css" type="text/css" media="screen" />

これは、私が index.php (メインディレクトリにあるファイル) に入れたものです:

<? require('site/layout.php');

function banner($DB) {
?>
    <div class='slider-wrapper'>
        <div id='slider' class='nivoSlider theme-default'>
            <img src='site/nivo-slider/slide1.jpg' alt='' />
            <a href='http://dev7studios.com'><img src='site/nivo-slider/slide2.jpg' alt='' title='#htmlcaption' /></a>
            <img src='site/nivo-slider/slide3.jpg' alt='' title='This is an example of a caption' />
            <img src='site/nivo-slider/slide4.jpg' alt='' />
        </div>
    </div>
    <div id='htmlcaption' class='nivo-html-caption'>
        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href='#'>a link</a>.
    </div>

    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>
<? 
}

このコード ブロックの後、次の 2 つの関数が呼び出されます: function body_text_left($DB) & function body_text_right($DB) (ページの左側と右側、nivo-slider の下)

すべての nivo-slider ファイルは、次のディレクトリにあります: /site/nivo-slider

ソースコードを見ると、すべてがそこにあるので、奇妙です。リンクをクリックすると、すべてのリンクが読み込まれます。

何か案は？前もって感謝します！