FALA RAPAZIADA TO TENTANDO FAZER UM SLIDE POREM PREUCUREI UNS CODIGO NA NET E NUMCA DA CERTO ;(
ALGUEM PODIA ANALIZA ESSES 2 CODIGO SE TA CERTO ..
Nota
Slide Simples
<style>
* { margin: 0; padding: 0; }
.slider {
display: block;
height: 293px;
width: 600px;
margin: auto;
margin-top: 20px;
position: relative;
}
.slider li {
list-style: none;
position: absolute;
}
.slider img {
margin: auto;
height: 100%;
width: 100%;
vertical-align: top;
}
.slider input {
display: none;
}
</style>
<ul class="slider">
<li>
<img src="images/1.jpg" />
</li>
<li>
<img src="images/2.jpg" />
</li>
<li>
<img src="images/3.jpg" />
</li>
</ul>
Atenção
Slider Avançado rss
<style>
.slider label {
background-color: #000;
bottom: 10px;
cursor: pointer;
display: block;
height: 10px;
position: absolute;
width: 10px;
z-index: 10;
}
.slider li:nth-child(1) label {
left: 10px;
}
.slider li:nth-child(2) label {
left: 40px;
}
.slider li:nth-child(3) label {
left: 70px;
}
.slider input {
display: none;
}
.slider img {
opacity: 0;
visibility: hidden;
}
.slider li input:checked ~ img {
opacity: 1;
visibility: visible;
z-index: 10;
}
</style>
<ul class="slider">
<li>
<input type="radio" id="slide1" name="slide" checked>
<label for="slide1"></label>
<img src="images/1.jpg" />
</li>
<li>
<input type="radio" id="slide2" name="slide">
<label for="slide2"></label>
<img src="images/2.jpg" />
</li>
<li>
<input type="radio" id="slide3" name="slide">
<label for="slide3"></label>
<img src="images/3.jpg" />
</li>
</ul>
Launcher usado pra tenta fazer slide eo da PS