Foros del Web » Programando para Internet » Javascript »

Problema lightbox al cargar

Estas en el tema de Problema lightbox al cargar en el foro de Javascript en Foros del Web. Hola. Estoy utilizando el lightbox para hacer zoom de una imagen. Me funciona bien excepto cuando clicko sobre la imagen antes de que se me ...
  #1 (permalink)  
Antiguo 05/04/2008, 11:09
Avatar de jerkan  
Fecha de Ingreso: septiembre-2005
Mensajes: 1.607
Antigüedad: 19 años, 2 meses
Puntos: 19
Problema lightbox al cargar

Hola.

Estoy utilizando el lightbox para hacer zoom de una imagen. Me funciona bien excepto cuando clicko sobre la imagen antes de que se me cargue del todo la pagina. En vez de abrirse el zoom del lightbox, accede a la url del link en cuestión.
Para mi, este comportamiento tiene toda la lógica del mundo pero es bastante feo. ¿Alguien sabe cómo se puede solventar este comportamiento?

Gracias.
  #2 (permalink)  
Antiguo 06/04/2008, 02:52
Avatar de srsombrero  
Fecha de Ingreso: marzo-2008
Mensajes: 128
Antigüedad: 16 años, 7 meses
Puntos: 0
Re: Problema lightbox al cargar

Cita:
Iniciado por jerkan Ver Mensaje
Hola.

Estoy utilizando el lightbox para hacer zoom de una imagen. Me funciona bien excepto cuando clicko sobre la imagen antes de que se me cargue del todo la pagina. En vez de abrirse el zoom del lightbox, accede a la url del link en cuestión.
Para mi, este comportamiento tiene toda la lógica del mundo pero es bastante feo. ¿Alguien sabe cómo se puede solventar este comportamiento?

Gracias.
El problema se debe a que en realidad no estas utilizando bien el lightbox, verifica que esten
1-Bien los links a los archivos .js que te tenes que referenciar.
2-Bien los links al archivo .css que te tenes que referenciar.
3-NO CAMBIES EL NOMBRE DE LA CARPETA NI LO METAS EN OTRA COMO POR EJEMPLO LIBRERIAS/LIGTHBOX/
YA QUE DE ESTA MANERA LOS LINKS A LOS QUE TE REFERENCIAS CUANDO IMPORTAS LOS ARCHIVOS DE JAVASCRIPT POR MEDIO DE LAS REFERENCIAS EXTERNAS QUE SE INDICAN EN EL MANUAL NO FUNCIONARIAN.
4-Verifica que cada link tenga su referencia (rel) al array lightbox[elemento]

Igual te recomiendo en vez de lightbox la litebox ya que la lightbox ocupa 250kb. Es decir si tenes que cargar una pagina cada vez que cargues una que haga referencia a una lightbox el usuario debe descargar 250kb. Una imagen mas practicamente. No creo que a nadie le guste descargar 250kb cada vez que carga una pagina diferente ¿no? jeje.

Ese es el link de lite box
Código HTML:
http://www.doknowevil.net/litebox/
En todo caso ahi abajo tenes la forma de uso.

Código HTML:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script> 
Esas son las referencias externas a los documentos. Van en el encabezado del documento Html.
Es decir entre los <head></head>

Y en cada imagen que insertes el link es decir si estas linkeando una imagen que es lo que debes hacer.

Código HTML:
<a href="Direccion de la imagen" rel="lightbox[example]" title="Titulo de la Imagen"><img src="http://www.forosdelweb.com/images/thumb-1.jpg" width="100" height="40" alt="Beautiful Horses" /></a> 
Saludos mucha suerte

Agur!
  #3 (permalink)  
Antiguo 06/04/2008, 04:49
Avatar de jerkan  
Fecha de Ingreso: septiembre-2005
Mensajes: 1.607
Antigüedad: 19 años, 2 meses
Puntos: 19
Re: Problema lightbox al cargar

Gracias, srsombrero, por tu respuesta. De todos modos, sigue sin funcionarme.

Aquí encontré una discusión sobre el tema y estoy intentando aplicar una de las soluciones que se proponen.
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




La zona horaria es GMT -6. Ahora son las 18:35.