Javascript 在预定义的div中使用nivoslider

Javascript 在预定义的div中使用nivoslider,javascript,jquery,css,Javascript,Jquery,Css,我正在尝试将NivoSlider包含到一个div中,id为imageslider。我试着按照他们的教程,但四天没有效果了。请查看: index.php 当我打开或刷新页面时,imagessliderdiv中不会显示任何图像。请在此帮助我 确保在加载Nivo滑块之前加载jQuery: <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> <script src="http

我正在尝试将
NivoSlider
包含到一个
div
中,id为
imageslider
。我试着按照他们的教程,但四天没有效果了。请查看:


index.php



当我打开或刷新页面时,
imagesslider
div中不会显示任何图像。请在此帮助我

确保在加载Nivo滑块之前加载jQuery:

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


检查您的图像是否放置在正确的路径中它们放置正确..您是否包含jquery js文件???我看不出您的代码有任何错误。要么我只是遗漏了问题,要么你的问题与你问题中的代码无关。你肯定包括jQuery了吗?您的控制台中有JavaScript错误吗?我没有排除这五个
#imageslider {
float: right;
width: 700px;
background-color: blue;
height: 360px;
margin-left: 5px;
margin-right: 15px; 
}

/*Rest styles are copied from the website itself*/
.nivoSlider {
position:relative;
background:url(images/loading.gif) no-repeat 50% 50%;
}

.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

.nivoSlider a {
border:0;
display:block;
}
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>