I have a "little" problem:This is the structure:
- actualizaciones|
- 27_12_2012 |fotos
- gallery_page.html
[*]js|
[*]css[*]images[*]index.htmlthe important html of index.html:\[code\]<div id="central" class="columna ajax"> <div style="display: none;" id="cargando">Cargando...</div> <ul id="carrusel" class="jcarousel-skin"> <li> <section class="actualizacion"> <a href="http://stackoverflow.com/questions/14082986/#" class="nav" id="actualizaciones_27-12-2012_bolsos-morrales"> <img src="http://stackoverflow.com/questions/14082986/images/portadas/bolsos-morrales-27-12-2012.jpg"></img> <hgroup class="cabeceras"> <h1>Bolsos y Morrales de varios colores!</h1> <h2>Desde $U 219!!!</h2> <h3>Pasá por nuestro local a conocer diferentes modelos...</h3> </hgroup> </a> </section> </li>\[/code\]I when click on \[code\]<a>\[/code\] execute this script on funciones.js\[code\]$('#lateral, #central').on('click', '.nav', function(e){ e.preventDefault(); var id = $(this).attr('id'); navegacion(id, this); });function navegacion(clase_boton, objeto_this) { var pagina = null; //page name (url) var clase = null; //div class name if (clase_boton != 'home') { if (clase_boton == 'galeria' || clase_boton == 'historial' || clase_boton == 'acerca-de') { //clase = '.' + clase_boton; marcarCurrent(objeto_this); //cambia de lugar la clase current }else{ clase_boton = clase_boton.replace(/_/g, '/'); //clase = '.' + clase_boton; clase = '.' + clase_boton.split("/")[2]; } pagina = clase_boton + '.html'; $('#carrusel').css('display', 'none'); //lo borro $('#cargando').css('display', 'block'); //muestro cargando //llamada ajax $('#central').load(pagina + ' ' + clase, function() { //<--- the important thing //inicializo el shadowbox /*Shadowbox.clearCache(); Shadowbox.init({ handleOversize: "resize", modal: true, overlayOpacity: 0.9, });*/ //Shadowbox.setup('.row img'); //Shadowbox.open('.row a'); $('#cargando').css('display', 'none'); //quito el mensaje de cargando $('.opaca').fadeTo(1, 0.6); //dejo las fotos opacas $(".opaca").hover( function () { // cuando paso mouse por arriba aclara $(this).fadeTo("fast", 1); }, function () { // cuando saco mouse vuelve a opacar $(this).fadeTo("normal", 0.6); } ); }); }else{ marcarCurrent(objeto_this); //cambia de lugar la clase current $('.ajax > div').css('display', 'none'); //quito el contenido anterior $('#cargando').css('display', 'block'); //muestro el cargando ??? //debo quitar el cargando $('#central').html(carrusel); //inserto el carrusel de vuelta jcarrusel(); //llamo al plugin de vuelta } }\[/code\]the page called\[code\]<div class="bolsos-morrales"><h2 class="titulo-seccion">Bolsos y morrales</h2><div class="contenido"> <p>Tenemos morrales, bolsos y carteras en diferentes modelos y colores. A partir de $U 219 vas a poder encontrar lo que te gusta.</p> <p>Pasa por nuestro céntrico local para probar nuestra colección y muchas cosas más</p> </div><div id="grilla-fotos"> <div class="row"> <div class="cell limpia-margenes"><a href="http://stackoverflow.com/questions/14082986/fotos/cartera1-gangas.jpg" rel="shadowbox[bolsos-morrales]"><img class="opaca" src="http://stackoverflow.com/questions/14082986/fotos/cartera1-gangas.jpg"></img></a></div> <div class="cell"><a href="http://stackoverflow.com/questions/14082986/fotos/cartera2-gangas.jpg" rel="shadowbox[bolsos-morrales]"><img class="opaca" src="http://stackoverflow.com/questions/14082986/fotos/cartera2-gangas.jpg"></img></a></div> <div class="cell limpia-margenes"><a href="http://stackoverflow.com/questions/14082986/fotos/cartera3-gangas.jpg" rel="shadowbox[bolsos-morrales]"><img class="opaca" src="http://stackoverflow.com/questions/14082986/fotos/cartera3-gangas.jpg"></img></a></div> <div class="clear"></div> </div> <div class="row"> <div class="cell limpia-margenes"><a href="http://stackoverflow.com/questions/14082986/fotos/morral1-gangas.jpg" rel="shadowbox[bolsos-morrales]"><img class="opaca" src="http://stackoverflow.com/questions/14082986/fotos/morral1-gangas.jpg"></img></a></div> <div class="cell"><a href="http://stackoverflow.com/questions/14082986/fotos/morral2-gangas.jpg" rel="shadowbox[bolsos-morrales]"><img class="opaca" src="http://stackoverflow.com/questions/14082986/fotos/morral2-gangas.jpg"></img></a></div> <div class="cell limpia-margenes"><a href="http://stackoverflow.com/questions/14082986/fotos/morral3-gangas.jpg" rel="shadowbox[bolsos-morrales]"><img class="opaca" src="http://stackoverflow.com/questions/14082986/fotos/morral3-gangas.jpg"></img></a></div> <div class="clear"></div> </div> <div class="clear"></div> </div> \[/code\]the problem is this: not load the gallery images on gallery_page.html, but on firebug I can see the html loaded, but the images not appears.note that: the loaded div is the same div in index.htmlI appreciate any help.regards
