Question

我试图放一个nivo滑块on my website's home page。由于某种原因，它根本没有显示。我无法弄清楚它为什么不......

更新：它现在只显示静态图像：S（我将jquery库放在实际脚本之前

我把它放在我的标题中:(标题位于目录/站点的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>
<? 
}

在这段代码之后，调用了另外两个函数： function body_text_left（$ DB）＆amp; function body_text_right（$ DB）（页面的左侧和右侧，低于nivo滑块）

所有nivo-slider文件都位于此目录中：/ site / nivo-slider

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

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

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放在代码底部。

Nivo Slider根本不起作用

1 个答案: