0

ページのwithidに含めようとしNivoSliderています。私は彼らのウェブサイトでチュートリアルに従ってみましたが、今は4日間効果がありません。チェックアウトしてください ：divimageslider

index.php

<!-- In the head section I have included these --> 
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

<!-- Somewhere in the body section -->
<div id="imageslider">
    <div class="slider-wrapper">
         <div id="slider" class="nivoSlider">
            <img src="abc.jpeg" alt="" height="360" width="700"/>
            <img src="uvw.jpeg" alt="" height="360" width="700"/>
            <img src="pqr.jpeg" alt="" height="360" width="700"/>
            <img src="xyz.jpeg" alt="" height="360" width="700"/>
         </div>
    </div>
</div>

<!-- Also at the end of the body tag-->
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>

私のスタイルシートでは、style.css

#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;
}

ページを開いたり更新したりすると、imagesliderdivに画像が表示されません。ここで私を助けてください！

4

1 に答える 1

0

Nivo Sliderをロードする前に、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>
于 2012-11-22T12:21:51.913 に答える