Nivo SLIDER not SLIDING

A

Anonymous

Guest
Can i ask a little help.? i have a nivoslider but the screen image doesn't slide..
it shows only 1 image..

PLEASE I NEED HELP..!!


Here's my HTML Code

Code:
<div id="slider">

       <section id="slider-wrapper">   
        <div id="slider" class="nivoSlider">
            <img style="display: none;" src="images/splash2.jpg" alt="" title="#htmlcaption-1">
            <img style="display: none;" src="images/promo2.jpg" alt="" title="#htmlcaption-2">
            <img style="display: none;" src="images/promo3.jpg" alt="" title="#htmlcaption-3">
        </div>
        <div id="htmlcaption-1" class="nivo-html-caption">
            <h5 class="p2">Welcome to Our site</h5>
            <p>Parañaque Branch</p>
        </div>
        <div id="htmlcaption-2" class="nivo-html-caption">
            <h5 class="p3">In this Site</h5>
            <p>You can download or upload your lecture's soft copy</p>
        </div>
        <div id="htmlcaption-3" class="nivo-html-caption">
            <h5 class="p4">Accesible for student and faculty</h5>
            <p>Welcome to Online Course Materials</p>
        </div>
        <div id="htmlcaption-3" class="nivo-html-caption">
            <h5 class="p2">Or something else</h5>
            <p>Put any description here</p>
        </div>
        
    </section>
</div>


MY CSS

Code:
#slider-wrapper {
}
.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
}
.nivo-caption {
    background-color:rgba(255, 255, 255, 0.7);
    width:808px;
    padding:22px 170px 28px 22px;
    color:#000;
    position:absolute;
    left:0;
    bottom:0;
    z-index:90;
}
.nivo-caption h5 {
    font-size:30px;
    font-weight:normal;
    line-height:1.2em;
    margin:0;
    padding:0 0 2px;
}
.nivo-caption p {
    padding:0;
    line-height:16px;
    font-size:12px;
}
.nivo-html-caption {
    display:none;
}
 
Do you have any javascript or jQuery handling the slide?
 
Back
Top