Nivo Slider根本不起作用

Question

我试过安装一个nivo滑块在我的网站主页上。因为某种原因，它根本没有显示出来。我想不出为什么.

更新:它现在只显示一个静态映像:S (我将jquery库放在实际脚本之前)。

我把它放在我的标题中：(标题位于目录/site中的/site文件中)

<!--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>
<? 
}

在这段代码之后，还调用了另外两个函数:Functionalbody_text_left($DB)和Functionalbody_text_right($DB)(页面的左侧和右侧，nivo-滑块下方)。

所有nivo-滑块文件都位于这个目录中:/site/nivo-滑块

这很奇怪，因为当我看源代码时，所有的东西都在那里。当我点击它们时，所有的链接都会加载。

有什么想法吗？提前感谢！

Answer 1

首先，修复这个：

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

function banner($DB) {
?>

转入：

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

echo 'function banner($DB) {';
?>

脚本中有prototype.js。将原型机加载到nivo滑块后或关闭以检查问题。

在index.php的最后一行，请尝试：

<? 
}

作为：

<?php 
echo '}';
?>

尝试将jquery.js放在代码的底部。