Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, preciso da ajuda de vocês.
é o seguinte estou fazendo um site e na parte do slide botei Next e Prev
só que esse Next e Prev, só aparece se eu passar o mouse em cima da imagem,
eu gostaria que ficasse ativo mesmo sem passar o mouse em cima da imagem vou posta
os códigos.
CSS ->
#slider {
position:relative;
width:980px;
height:340px;
margin-left:0px;
background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
width:245px;
height:55px;
position:absolute;
background:url(../imagens/slider/laco.png);
z-index:8;
top:280px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(../imagens/slider/bola.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:10px;
margin-top:15px;
float:left;
left:80px;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
position:absolute;
width:28px;
height:29px;
background:url(../imagens/slider/arrows.png) repeat-y;
text-indent:-999px;
margin-top:130px;
margin-left:35px;
left:148px;
border:0;
}
.nivo-directionNav a:hover {
display:block;
width:36px;
height:40px;
background:url(../imagens/slider/arrowshover.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-36px 0;
right:0px;
}
a.nivo-nextNav:hover {
background-position:-36px 0;
right:0px;
}
a.nivo-prevNav {
left:0px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
} color:#efe9d1;
text-decoration:underline;
}
/ The Nivo Slider styles /
.nivoSlider {
position:relative;
}position:absolute;
top:0px;
left:0px;
}position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;width:100%;
z-index:8;
}padding:5px;
margin:0;
}display:inline !important;
}
.nivo-html-caption {
display:none;
}position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}position:relative;
z-index:9;
cursor:pointer;
}font-weight:bold;
}
Se precisar do Javascript me avise.
Carregando comentários...