Foros del Web - Ver Mensaje Individual

Jeshua_11_7 · #5 (**permalink**) 23/11/2013, 15:40

Cita:

Iniciado por venommist

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.window{position: relative; overflow:none; width: x px; height: x px;} /* mismo ancho y alto que item */
.slider{position: absolute; width: x+x px; height: x px;} /* ancho igual al ancho de item x cantidad de item */
.item{width: x px; height: x px;} /* ancho y alto de las imágenes que pasaran, tamaños individuales */
/* 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

hola, gracias por ayudar, pero tengo una duda, como se iría recorriendo el slider para ir mostrando las imágenes. y este es mi código html sin aún agregar el que me diste, y el css es el mismo que esta arriba

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="estilo.css">
    </head>
    <body>
 
        <a href="#image1"><img src="imagen1.png" width="215" alt="" /></a>
        <a href="#" id="image1" class="pressbox"><img src="imagen2.png" width="30%" alt=""></a>
 
    </body>
</html>

y así es como se mira

y muchas gracias de antemano por ayudar