Jump to content


frangfer

Member Since 23/09/2011
Offline Last Active 08/10/2012, 15:40
-----

Topics I've Started

Efeito Jquery-Lightbox Não Funciona

23/09/2011, 14:52

Olá galerinha!!!
Sou nova no Forum bem como em ajax.

Seguinte...

To com um probleminha aqui com ajax, vou explicar a situação:

Eu tenho uma página php (index.php) que tem uma div chamada "conteudo" (id). Quando acesso um link, a página solicitada é carregada dentro da div "conteudo". Até aí tudo bem. O problema é que uma das páginas possui uma galeria de imagens onde uso jquery-lightbox. Mas, quando eu carrego esta página (da galeria de imagens), o jquery não mais funciona.

eu chamo na index.php

[codebox]
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
&lt;script type="text/javascript" src="lightbox/js/jquery.js"></script>
&lt;script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" media="screen" />

<link href="css.css" rel="stylesheet" type="text/css" />

&lt;script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
[/codebox]
e na minha pg.php (página onde está o conteúdo)

[codebox]
<div id="gallery">
<ul>
<li>
<?php
while($EQUIPAMENTO = mysql_fetch_array($EQUIPAMENTOS)){
?>
<a href="files/equipamentos/<?php echo $EQUIPAMENTO["imagem"];?>" title="<?php echo $EQUIPAMENTO["nome"]; ?> ">
<img src="files/equipamentos/t104x73/<?php echo $EQUIPAMENTO["imagem"]; ?>" alt="" />
</a>
<?php
}
?>
</li>
</ul>
</div>
[/codebox]

Ahhh... quando eu coloco tudo isso em uma mesma pagina php funciona perfeito..., porém, o meu conteúdo está em outra pagina!!!

o que eu faço pra fazer funcionar????
gostaria que me explicassem com calma e detalhado pois como disse sou iniciante!!


Desde já, Obrigada a todos!

Galera... já consegui!
No meu function, eu dou um tranco no lightbox;

[codebox]
function abrirPag(valor){
var url = valor;

xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.open("GET",url,true);
xmlRequest.send(null);

if (xmlRequest.readyState == 1) {
document.getElementById("conteudo").innerHTML;
// = "< src='/imagimges/ajax-loader.gif'>"
}

return url;
}

function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
$('#gallery a').lightBox();
}
}
[/codebox]

Despois q minha div foi carregada, eu lanço a $('#gallery a').lightBox(); pra dar um tranco e fazer o lightbox funcionar... ok???? valeu galera!

IPB Skin By Virteq