estou a dias tentando resolver o mesmo problema.
se você é inicante então eu nem nasci ainda, tenho alguns problemas com código.
Em qual function eu tenho que fazer aquelas alterações ? no lightbox.js ?
Tenho umas versões diferentes pelo que entendi e não sei se posso alterar como tu colocaste.
Eu tenho a index com um div principal "content", e um div com o menu, e solicito pelo menu que o conteudo de outras html
abram no div content. como segue:
<div id="menu" class="menu" style="width: 250px; height:180px"> <a href="javascript:ajax_loadContent('content','home.html')"> <img src="images/Home.png" width="150" height="50" /></a> <a href="javascript:ajax_loadContent('content','fotos.html')"> <img src="images/fotos.png"></a> <a href="javascript:ajax_loadContent('content', 'contato.html')"> <img src="images/contato.png"></a> </div>
Este function do ajax ajax_loadContent é assim:
function ajax_loadContent(divId,url,callbackOnComplete) { if(enableCache && jsCache[url]){ document.getElementById(divId).innerHTML = jsCache[url]; ajax_parseJs(document.getElementById(divId)) evaluateCss(document.getElementById(divId)) if(callbackOnComplete) { executeCallback(callbackOnComplete); } return; } var ajaxIndex = dynamicContent_ajaxObjects.length; document.getElementById(divId).innerHTML = 'Loading content - please wait'; dynamicContent_ajaxObjects[ajaxIndex] = new sack(); if(url.indexOf('?')>=0){ dynamicContent_ajaxObjects[ajaxIndex].method='GET'; var string = url.substring(url.indexOf('?')); url = url.replace(string,''); string = string.replace('?',''); var items = string.split(/&/g); for(var no=0;no<items.length;no++){ var tokens = items[no].split('='); if(tokens.length==2){ dynamicContent_ajaxObjects[ajaxIndex].setVar(tokens[0],tokens[1]); } } url = url.replace(string,''); } dynamicContent_ajaxObjects[ajaxIndex].requestFile = url; // Specifying which file to get dynamicContent_ajaxObjects[ajaxIndex].onCompletion = function(){ ajax_showContent(divId,ajaxIndex,url,callbackOnComplete); }; // Specify function that will be executed after file has been found dynamicContent_ajaxObjects[ajaxIndex].runAJAX(); // Execute AJAX function }
neste fotos.html é onde tenho o lightbox que é iniciado dentro do fotos.html assim:
<script type="text/javascript"> $(function() { $('#geral a').lightBox(); }); </script>
Minha duvida é, o que eu preciso alterar para que ao clicar no link fotos ele rode o lightbox dentro da div.
Desde já agradeço qualquer ajuda.
___________________________________________________________________________________________________________________________
Seguinte,
tentei fuçando eu mesmo, e fiz o seguinte:
como o meu link chama o javascript do ajax, eu adicionei a function do light box:
<a href="javascript:ajax_loadContent('content','fotos.html'); $(function() { $lightBox(); }); ">
Mas agora quando clico no link, ele aparece a pagina em branco somente com [object Object] escrito.
Imagino que ele leia a function do lightbox, separado do ajax_loadContent. e rode o lightbox sem o script do mesmo carregado.
Embora que se isso fosse o caso, ele não iria nem dar o [object Object], imagino.
Acho que estou fazendo progresso, mas ainda não consigo resolver.
alguem por favor ?