Foros del Web » Programando para Internet » Javascript »

Problema con Lightbox 2

Estas en el tema de Problema con Lightbox 2 en el foro de Javascript en Foros del Web. Hola foristas, estoy trabajando en la renovación de mí sitio e intento utilizar el ya famoso Lightbox en su versión 2, pero me aparece con ...
  #1 (permalink)  
Antiguo 09/02/2008, 13:33
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 435
Antigüedad: 19 años, 5 meses
Puntos: 3
Problema con Lightbox 2

Hola foristas, estoy trabajando en la renovación de mí sitio e intento utilizar el ya famoso Lightbox en su versión 2, pero me aparece con un pequeño error. Cuando uno clikea en la imagen funciona genial, pero la barra de navegación aparece por sobre el mismo, cuando no debería. ¿Alquién sabría como puedo evitar tal situación?
Les dejo un enlace de dónde vengo haciendo pruebas.
MUCHAS GRACIAS
Por cierto, al clikear la imagen es que aparece el Lightbox....
Admoro

http://www.estudiantesunlu.com.ar/eu2/gral2.htm
  #2 (permalink)  
Antiguo 09/02/2008, 13:48
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 23 años
Puntos: 772
Re: Problema con Lightbox 2

Movido al foro de JavaScript desde Css.

Saludos,
  #3 (permalink)  
Antiguo 09/02/2008, 13:59
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 8 meses
Puntos: 834
Re: Problema con Lightbox 2

Tendrá que ver con el estilo z-index: 90; que se le da por defecto a overlay. Aumentalo en la hoja de estilos o disminuí el z-Index del menú a un valor inferior a 90.
Edito: son varias las capas a considerar. La cuestión es que una vez que accedés a la imagen vista en lightbox, si escribís esto en la barra de direcciones:
Código PHP:
javascript:document.getElementById("overlay").style.zIndex=document.getElementById("lightbox").style.zIndex=document.getElementById("outerImageContainer").style.zIndex=document.getElementById("imageContainer").style.zIndex=document.getElementById("lightboxImage").style.zIndex=900;void(0); 
y luego hacés click en el botón ir del navegador, el problema se corrige, de manera que es cuestión de cambiarle el zIndex a toda las capas que aparecen en ese código.

Última edición por Panino5001; 09/02/2008 a las 14:23
  #4 (permalink)  
Antiguo 09/02/2008, 14:12
Avatar de jcxnet  
Fecha de Ingreso: octubre-2005
Ubicación: Perú
Mensajes: 784
Antigüedad: 19 años, 4 meses
Puntos: 56
Re: Problema con Lightbox 2

Panino5001 tiene razón, el error es por el z-index del css:
Código HTML:
.nav { z-index: 500;}
#hoverNav {z-index: 10;}
#lightbox {z-index: 100;}
Como puedes ver, la clase .nav tiene el z-index sobre los demás elementos, intenta cambiarlos para corregir el problema.
__________________
►I'm a devil on the run ♂
Jcxnet.com
*Keep It Simple **
  #5 (permalink)  
Antiguo 09/02/2008, 17:26
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 435
Antigüedad: 19 años, 5 meses
Puntos: 3
Re: Problema con Lightbox 2

Ante todo, gracias "jcxnet" y "Panino5001" por su tiempo. Ahora, como soy muy malo en esto, les "repregunto". ¿Cuál modifico? el Css de la barra o el del Lightbox 2? he intentado con ambos, pero no lo he logrado.
Nuevamente gracias por su tiempo
Admoro
  #6 (permalink)  
Antiguo 09/02/2008, 22:04
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 8 meses
Puntos: 834
Re: Problema con Lightbox 2

Pues en teoría, si aquí reemplazás z-index:500 por z-index:80; se tendría que solucionar.
También tendrías que revisar algunas cosas como esta, que aperecen en tu página: <a href="file:///C|/Paginas/index.php">
  #7 (permalink)  
Antiguo 10/02/2008, 09:17
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 435
Antigüedad: 19 años, 5 meses
Puntos: 3
Re: Problema con Lightbox 2

Hola Panino5001, tu intervención ha sido de gran ayuda a un pipiolo como yo. Efectivamente, el código aún está muy viciado, pero son las "pruebas" que ando realizando, más allá que entiendo así dejará el color y el estilo en general del portal. Muchas gracias nuevamente por tu intervención.
Cordiales
Admoro
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 14:07.