Sucede que al cargar el archivo con ajax, pues todo bien, el problema es que en ese archivo, tengo mas jquery, osea, en ese archivo tengo una galeria de imagenes, y estas imagenes las muestro en un lightbox, el problema, es que como apenas estoy iniciando en jquery, no se como se hace, para que esto se llame, en el lightbox
Pero al llamarlo al div con ajax, y despues darle click, estos me dirijen a la imagen, pero al link, no muestran esta en el lightbox...
alguien sabe como hacer esto...
CODIGO DE LA WEB 1cipal:
$(document).ready(function()
{
var ajax_load = "<img src='css/images/loading.gif' alt='loading...' />";
$(".contenido").html(ajax_load).load('pages/somos.php');
$(".menu").click(function(){
var loadUrl = $(this).attr('href');
$(".contenido").html(ajax_load).load(loadUrl);
$(".contenido").fadeIn("slow");
return false;
});
});
CODIGO DE LA WEB CARGADA EN LA PRINCIPAL CON SU RESPECTIVO SCRIPT:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="jquery-latest.pack.js" type="text/javascript"></script>
<script src="jquery.lightbox.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
base_url = document.location.href.substring(0, document.location.href.indexOf('index.html'), 0);
$(".lightbox").lightbox({
fitToScreen: true,
imageClickClose: false
});
});
</script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
</head>
<body>
<a href="a.jpg" class="lightbox" rel="roadtrip">image #1</a>
<a href="a.jpg" class="lightbox" rel="roadtrip">image #2</a>
<a href="b.jpg" class="lightbox" rel="roadtrip">image #3</a>
PD: Sorry por atascar de codigo...=( el foro no me deja introducir code, y no se que es lo que necesitan para ayudarme...
