我试图在我的网站主页上放置一个 nivo-slider 。由于某种原因,它根本不显示。我无法弄清楚为什么它不...
更新:它现在只显示一个静态图像: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) & function body_text_right($DB)(页面的左右两侧,在nivo-slider的下方)
所有 nivo-slider 文件都位于此目录中:/site/nivo-slider
这很奇怪,因为当我查看源代码时,一切都在那里。当我单击它们时,所有链接都会加载。
有任何想法吗?提前致谢!