Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/11/2013, 01:50
Jeshua_11_7
 
Fecha de Ingreso: febrero-2011
Mensajes: 138
Antigüedad: 13 años, 2 meses
Puntos: 6
Pregunta hacer slider ligthbox con este código

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
  1. <a href="#imagenn1"><img src="imagenchica.jpg" alt="" /></a>
  2. <a href="#" id="image1" class="pressbox"><img src="imagenGrande.jpg" alt=""></a>

Código CSS:
Ver original
  1. .pressbox {
  2.     width: 0;
  3.     height: 0;
  4.     position: fixed;
  5.     overflow: hidden;
  6.     left: 0;
  7.     top: 0;
  8.     z-index: 9999;
  9.     text-align: center;
  10.     background: rgba(0,0,0,0.7);
  11.     }
  12.  
  13.     .pressbox img   {
  14.         opacity: 0;
  15.         padding: 10px;
  16.         background: #ffffff;
  17.         margin-top: 100px;
  18.         -webkit-box-shadow: 0px 0px 15px #444;
  19.         -moz-box-shadow: 0px 0px 15px #444;
  20.         box-shadow: 0px 0px 15px #444; 
  21.         -moz-transition: opacity .25s ease-in-out;
  22.         -webkit-transition: opacity .25s ease-in-out;
  23.         transition: opacity .25s ease-in-out;      
  24.         }
  25.  
  26. .pressbox:target {
  27.     width: auto;
  28.     height: auto;
  29.     bottom: 0;
  30.     right: 0;
  31.     }
  32.    
  33.     .pressbox:target img {
  34.         opacity: 1;
  35.         }
__________________
-A veces las cosas pequeñas nos hacen grandes problemas, las cuales no son cosas imposibles de resolver-