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
MY CSS
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;
}