Saludos,
Mi idea es crear una especie de portfolio fotográfico. Para ello he diseñado una página que tiene los siguientes DIV:
- header
- cargando
- contenedor_fotos
- menu
-footer
En el menú inserto unos links que cargan dinámicamente archivos html externos, mediante:
Código HTML:
<ul><a href="#" onclick="cargar_dinamico2('#contenedor_fotos','galeria1.html');">Galeria1</a></ul> Que utiliza la función:
Código Javascript
:
Ver original<script type="text/javascript">
function cargar_dinamico2(elemento,archivo){
$("#cargando").css("display", "inline");
$(elemento).load(archivo, function(){
$("#cargando").css("display", "none");
});
$(elemento).fadeIn(3000);
}
</script>
Esta función simplemente carga el archivo HTML mediante Ajax usando Jquery. Mientras lo carga muestra el mensaje "cargando" en el DIV destinado a ello, y posteriormente el contenido de mi archivo HTML.
Hasta ahí todo perfecto... Me carga, texto, imágenes, etc...
Pero el problema llega cuando muestro una galería que utiliza Jquery en el archivo externo. Entonces no me carga los efectos ni nada.
Si la pongo en el index.html o visito mi galeria1.html funciona perfectamente, pero al cargarla mediante AJAX pierde toda funcionalidad.
He leído que puede ser algo parecido a que todo el DOM está cargado y los elementos que carga mediante AJAX no se muestran con el estilo por eso.
La galería que utilizo es esta:
http://www.gcmingati.net/wordpress/w...de-plugin.html
¿Alguna sugerencia de por donde empezar?