Ver Mensaje Individual
  #4 (permalink)  
Antiguo 22/11/2013, 11:24
venommist
 
Fecha de Ingreso: mayo-2011
Ubicación: Santiago de Chile
Mensajes: 28
Antigüedad: 13 años, 6 meses
Puntos: 3
Respuesta: hacer slider ligthbox con este código

Estimado:
Debes poner el código html del slider dentro del DOM del lightbox...

Por ejemplo:
Código HTML:
<a href="#imagenn1"><img src="imagenchica.jpg" alt="" /></a>
<a href="#" id="image1" class="pressbox"><img src="imagenGrande.jpg" alt="">
<div class="window"  id="imagenn1">
    <div class="slider">
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
          <div class="item"></div>
    </div>
</div>
</a> 
La librería debería tomar correctamente que dentro de la etiqueta <a> correspondiente al pressbox (que debería ejecutar lo que contenga) se encuentra otro dom con un slider...
Ahora, en CSS deberás editar estas nuevas clases CSS, indicandole el alto, el ancho, el position y el float a la clase item, window y slider.


Código CSS:
Ver original
  1. .window{position: relative; overflow:none; width: x px; height: x px;} /* mismo ancho y alto que item */
  2. .slider{position: absolute; width: x+x px; height: x px;} /* ancho igual al ancho de item x cantidad de item */
  3. .item{width: x px; height: x px;} /* ancho y alto de las imágenes que pasaran, tamaños individuales */
  4. /* x es el ancho de cada imagen, calculando que el WINDOW será la ventana de muestra, ésta debe tener el tamaño de cada imagen */

Espero que sea de ayuda, si tienes dudas me avisas.

Saludos

Última edición por venommist; 22/11/2013 a las 13:18