hola, buscando en Internet me encontré este código para hacer el ligthbox, lo que me gusto que es un código sencillo y solo con CSS 3 pero tengo la duda si se puede hacer un Slider modificando este código, espero y alguien pueda ayudarme, saludos de antemano.
Código HTML:
Ver original<a href="#imagenn1"><img src="imagenchica.jpg" alt="" /></a> <a href="#" id="image1" class="pressbox"><img src="imagenGrande.jpg" alt=""></a>
Código CSS:
Ver original.pressbox {
width: 0;
height: 0;
position: fixed;
overflow: hidden;
left: 0;
top: 0;
z-index: 9999;
text-align: center;
background: rgba(0,0,0,0.7);
}
.pressbox img {
opacity: 0;
padding: 10px;
background: #ffffff;
margin-top: 100px;
-webkit-box-shadow: 0px 0px 15px #444;
-moz-box-shadow: 0px 0px 15px #444;
box-shadow: 0px 0px 15px #444;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.pressbox:target {
width: auto;
height: auto;
bottom: 0;
right: 0;
}
.pressbox:target img {
opacity: 1;
}