Board index   FAQ   Search  
Register  Login
Board index php forum :: HTML HTML Basics

Nivo SLIDER not SLIDING

Discussing Html . Code , Software , other

Moderators: macek, egami, gesf

Nivo SLIDER not SLIDING

Postby vinsux » Sun Jul 22, 2012 4:42 am

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: Select all
<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: Select all
#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;
}
vinsux
New php-forum User
New php-forum User
 
Posts: 9
Joined: Wed Jun 20, 2012 6:26 am

Re: Nivo SLIDER not SLIDING

Postby Odie2828 » Mon Jul 23, 2012 3:46 am

Do you have any javascript or jQuery handling the slide?
Odie2828
New php-forum User
New php-forum User
 
Posts: 19
Joined: Mon Jul 23, 2012 3:14 am


Return to HTML Basics

Who is online

Users browsing this forum: No registered users and 0 guests

Sponsored by Sitebuilder Web hosting and Traduzioni Italiano Rumeno and antispam for cPanel.