lightbox cargado con AJAX

Saludos a todos.

Acabo de ingresar en este foro y me gustaría realizar una pregunta.

En un div cargo con ajax.load una galería lightbox que está en otro .html

La galeria se carga perfectamente, pero el lightbox no funciona.

¿Puede alguien echarme un cable?

Gracias de antemano.

AJAX es para mostrar (en principio) texto plano, cmo resultados a consultas SQL, tablas y demás.
Mostrar imágenes mediante AJAX, lo considero un delito.

Te recomiendo te replantees el uso del AJAX...
(aunque algunos me griten por ello)

Gracias Rizome. Tengo en cuenta tu opinión, pero buscaba una solución...

Por lo que he indagado el problema está en que es preciso inicializar de nuevo el Lightbox con alguna solución similar a:


<a href="img/imagen.jpg" title="caption" rel="lightbox" onclick="myLightbox.start(this); return false;">imagen</a>


A ver si alguien sabe a que me refiero y puede ayudarme.

pete escribió:

En ocasiones nos empeñamos en hacer las cosas difíciles, o de la manera inapropiado, y tampoco nos gusta que nos lo digan.

Si me preguntas cómo podrías hacer para maquetar con una tabla, tendrás que aguantar que te digan que no es la manera adecuada de trabajar; pues ocurre lo mismo si dices que quieres montar una galería de imágenes, usando AJAX.

Entiende, que en estos foros alentamos a trabajar de manera adecuada.
Siento que mis palabras no te ayuden como quieres... pero no por eso dejan de ser menos ciertas.

Suerte en tu trabajo.

Tu problema se debe a que lightbox necesita "inicializar" las imágenes para poder mostrar ese efecto. El script de lightbox hace esto automáticamente sin que tengas que llamar nada, pero al cargar mediante ajax un nuevo set de imágenes estas no son inicializadas.

Lo que debes hacer es llamar la función

Código :

myLightbox.updateImageList() 

justo después de haber cargado tu nuevo segmento con ajax.

Muchas gracias Odin.

acabo de probarlo y funciona perfectamente.

pete escribió:

Hola, me podrías decir donde y como lo has puesto, por que yo por más que lo he intentado no lo he conseguido, siempre me da el error
Error: myLightbox.updateImageList is not a function

Gracias.

La llamada va justo después de que cargues el segmento con ajax, pero por como suena tu error, me parece que has no has agregado los scripts de lightbox o, en su defecto, estas utilizando otra librería que no es lightbox pero se le parece. Por si las dudas aclarar que esto es para lightbox2, no se si funciona para el uno.

hola a mi tampoco me funcionaba con las soluciones que dan , pero estuve buscando y probando pues me funciono asi:
coloca esto al inicio de la pagina q cargas con ajax
<script>
new Lightbox().updateImageList();
</script>

con eso deberia funcionar , nos vemos

probando lo q te di me encontre con un problema cuando carga por segunda vez la pagina con ajax que tiene el ligthbox y resulta q lo q hace cuando llamas a la funcion es crear otra vez el mismo contenedor del lightbox y esto genera un problema, asi q debes asegurarte de q cuando llames a la web con ajax q tiene el lichtbox debes destruir al lighbox, bueno yo lo solucione creando esta funcion
function removeLightbox(){
if($('lightbox')){
Element.remove($('lightbox'))
Element.remove($('overlay'))

}
}
en el link o evento q carga la pagina en ajax ,antes q la llames haz una llamada a esta funcion y listo
espero haberme explicado bien

Odin escribió:

Odin, no se que es lo que estara pasando, pero vamos, esto no va. Utilizo el lightbox2, y la llamada da igual donde la ponga, no se hace ni caso, de hecho yo creo que no la ejecuta.

newkey_18, tu opcion tampoco me funciona, creo que soy muy torpe, pero vamos que no me hace nada, tengo la sensacion que no ejecuta los scripts, por lo menos un simple alert no me lo muestra, ni destruyendo la clase ni nada de nada.

Me podeis hechar una mano??? Estoy por cortarme las venas a bocaos ya.

Gracias por vuestras respuestas, aunque no haya sido capaz de echar a andar esto.

Señores:

Tengo a bien comunicarles que todo funciona OK, no sé como, pero ahora funciona todo perfectamente, sin inicializar, sin destruir la clase y volverla a lanzar....
No sé por qué pero ahora funciona.
Gracias a todos.

si es cierto hay que cargar los scripts despues de que se carga el elemento, yo lo solucione asi:

<a href="inicio.htm" rel="lightbox_text">
<input type="button" value="Registrarse" name="btnRegistro" id="btnRegistro" class="boton"/>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</a>