efecto en imagenes no va en mi paginador ajax

[kaninox]

Holas bueno en mi pagina tengo un paginador creado con ajax el mismo que esta aqui :
http://www.ribosomatic.com/articulos...ql-php-y-ajax/

Ahora bien a este paginador en ajax le agrege a las imagenes un mod que sirve para dar efecto en imagenes este :

http://www.huddletogether.com/projects/lightbox2/

ahora bien los :
< link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
< script type="text/javascript" src="js/prototype.js">
< script type="text/javascript" src="js/scriptaculous.js?load=effects">
< script type="text/javascript" src="js/lightbox.js">

los pongo en mi pagina index en el head y bueno cuando ingreso en mi base de datos los link de imagenes le pongo el rel="lightbox" que me pide, todo perfecto pruebo y ok pero cuando navego por el ajax ya no resulta el efecto,
mi pregunta es como agrego script a ajax o que solucion me dan por que una ves navego en el paginador ajax no resulta el efecto :(

saludos

[Saruman]

que tal.

primero:

como muestras las imagenes luego que ajax hace el response???? mejor dicho, donde parseas el resultado??

segundo:

estás utilizando simplemente <img src="" rel="lightbox"> al momento de traerte el resultado cierto??

primero respondeme esas inquietudes, ya que no veo ningun codigo para referencia.

saludos

[skatomundo]

También me ocurrió ese problema con Lightbox v2.0.
traté de varias maneras pero no me resultó..

si alguien lo ha logrado.. ;)

[kaninox]

haber saruman te explico :)

como ves en el link del paginador ajax. hay 4 paginas el de conexion.php el index.php el paginador.php y el ajax.js ahora bien
en mi pagina index.php pongo los

< link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
< script type="text/javascript" src="js/prototype.js">
< script type="text/javascript" src="js/scriptaculous.js?load=effects">
< script type="text/javascript" src="js/lightbox.js">
que me pide el lightbox y como tambien me pide que ponga a los enlaces el rel="lightbox" tonces cuando ingreso noticias a la base de datos las ingreso con ello ya de forma que cuando traigo las noticias ya me vienen con el rel="lightbox" en el href <*a href="milink" rel="lightbox"><img src="milink_imagen"></a>

y me di cuenta que solo funciona cuando cargo por primera ves la pagina ya cuando navego por el ajax no resulta el efecto ???

[MaBoRaK]

loading....


ES SIMPLE EL PORQUE NO FUNCIONA.

Bueno lightbox, lightbox 2.0 usa el evento "window.onload" para capturar los links que tengan "rel='lightbox'" y de esa forma REGISTRA los elementos, asi que cuando traes con ajax un nuevo link no pasa nada porque el link NO FUE REGISTRADO, entonces lo que deberias hacer es,

cuando llames a tu nueva imagen llames al metodo

Lightbox.init();

creo que es asi... o start. pero el METODO que REGISTRA las imagenes.


connection closed.

[kaninox]

:/ y donde pongo el evento en el body un script en el head :/ donde :P
me interesa mucho saberlo ya que he probao y na que na :(

[MaBoRaK]

loading............


Cuando termine tu AJAX y se cargue tu DIV con imagenes ejecutas esto:

Si usas lightbox NORMAL:

Código PHP:

  initLightbox(); 
   

ç

Si usas lightbox 2.0

Código PHP:

  initLightbox(); 
   

connection closed.

[kaninox]

o soy muy duro o no resulta no me funciona eni el initLightbox(); ni el Lightbox.init(); ni el Lightbox.start(); he tratao con todo eso y en todas partes X) y nada man tare haciendo algo mal o me falta incluirlo en una funcion tipo javascript :/

[kaninox]

me encontre este post pero ni idea como se intregra porque esta en ruso o aleman X)

http://diskuse.jakpsatweb.cz/index.p...=8&topic=42796

bueno como se comenta hice todo lo que se puede ver intiutivamente, he puesto el initlightbox(); en scripts en el body asi como onload="initlightbox();" con php antes y despues de los div en el paginador etc... tambien puse el codigo como lo comenta la pagina

myDiv.innerHTML = xmlHttp.responseText;
initLightbox();

en el ajax.js pero no se por que al navegar no me va ya alguna ruta mal puesta yo tengo los archivos ajax en una carpeta css y los js en una js asi como venia el paquete para descargar no se a o mejor fallo hay dando la ruta pero no se ya que hacer :(

[kaninox]

y bueno nadie tiene alguna solucion, bueno rebuscando el tema me dijieron que podia usar Ajax.Updater pero como mis conociemientos del ajax no son na muy buenos no entiedo mucho donde deberia poner el famoso Ajax.Updater y en que pagina :/ bueno si alguien sabe le estaria agradecido...

les dejo el link que me dieron por si sirve...

http://wiki.script.aculo.us/scriptac...w/Ajax.Updater

[elchuecodel88]

LO SOLUCIONEE!!!!


es media pedorra mi solucion empleada xD pero sirve :P


la idea es agregar antes del rel="lightbox", agregar onmouseover="initLightbox()"

tonces quedaria asi

Código:

<a href ="imagen.jpg" onmouseover="initLightbox()" rel="lightbox" title="titulo"><img src="mioniatura.jpg" width="110" height="138" /></a>

Saludos !!!!

[aldo1982]

Iniciado por elchuecodel88

LO SOLUCIONEE!!!!


es media pedorra mi solucion empleada xD pero sirve :P


la idea es agregar antes del rel="lightbox", agregar onmouseover="initLightbox()"

tonces quedaria asi

Código:

<a href ="imagen.jpg" onmouseover="initLightbox()" rel="lightbox" title="titulo"><img src="mioniatura.jpg" width="110" height="138" /></a>

Saludos !!!!

hola chueco quiero agradecerte ya que me susedia lo mismo que a ti y grcias a este post pude solucionarlo yo uso el updater para cargar los links..la verdad miels de gracias
salu2

[miketrix_esp]

Puede ser una solucion pero kizas no la mas optima ya que se da a entender que cada vez que hacer mouseover, estas inicializando el lightbox (con 1 vez bastaria)

Lightbox creo que usa prototype y prototype tiene el Ajax.Updater para hacer llamadas en ajax. Para que en una llamada ajax funcionen los scripts js que contenga en la respuesta, hay que añadir la opcion evalScripts: true dentro de los parametros de Ajax.Updater. Como bien dijo kaninox, con eso funcionaría (http://wiki.script.aculo.us/scriptac...w/Ajax.Updater)

Te hablo de mi propia experiencia ya que en mi trabajo uso prototype.

[MaBoRaK]

loading..............


NO, lamentablemente con lightbox para que las nuevas imagenes cargadas con ajax tengan el efecto hay que VOLVER A INICIAR.

entonces puedes cambiar el onmouseover="initLightbox();"

ejecutando la funcion initLightbox() cuando TERMINE TU PROCESO AJAX.


connection closed.

[pez]

Hola Amigos les cuento que onmouseover="initLightbox();" funciona a medias ya que no carga el efecto de agrandar el ancho y el alto dependiendo del tamaño de la imagen, carga la imagen toda chueca.

Espero que alguien nos pueda decir como iniciar los efectos.

un saludo

[pez]

les cuento que en firefox no funciona el efecto , pero en internet explorer si.

un saludo

[MaBoRaK]

loading..............


YA TE DIJE COMO!!!!!

ejecuta initLightbox() cuando TERMINE TU PROCESO AJAX.. esto registrará las imagenes nuevamente en el vector de Lightbox ¬¬ (ojitos)


connection close.

[pez]

Hola MaBoRak

Na mas no te enojes, te cuento que ya lo probe en IE y si funciona correctamente, pero en FireFox no funciona correctamente. Aqui te dejo una pagina de muestra, solo da clic en la imagen de la camara:

http://www.masnatacion.com/staff-digital/

un saludo

[MaBoRaK]

loading...........


acabo de probarlo y funciona :S y no me enojo :p


connection closed.

[pez]

Hola MaBoRaK

Gracias por contestar, si carga la imagen en firefox , pero no con los efectos.

un saludo

[MaBoRaK]

loading.............

Raro... a mi me cargó normal... con el efecto resize y fade... firefox 2.0.0.6

connection closed.

[kaninox]

andales no me habia dado cuentas que habia sido tan solicitado este tema y yo encontre la solucion hace mucho X) pero yo no ocupo onmouseover por que da algunos problemas prefiero usar onmousedown="initLightbox();" ;)

Código:

<a href="LINK_IMAGEN_GRANDE" rel="lightbox" onmousedown="initLightbox();"><img src="LINK_IMAGEN_PEQUEÑA" border="0"></a>

pueden verlo funcionando en http://anpfansub.net
va de maravillas :D