Nunca he trabajado con AJAX, estoy haciendo una web personal, y quiero usar ferroSlider [URL="http://www.alessandroferrini.it/lab/jQueryPlugins/ferroSlider/docs/"]http://www.alessandroferrini.it/lab/jQueryPlugins/ferroSlider/docs/[/URL], quiero cargar paginas externas (slides) por AJAX, puesto que cada pagina tiene una animación jquery diferente, que inicia cuando la pagina es cargada, y este slider me da la opción.
Segun la explicación del autor, unicamente tengo que pasar el "id" del div al script AJAX que yo cree, y ahi esta el problema que no tengo idea de como deberia de crearlo, vi varios scripts ajax pero la verdad es que no entiendo mucho, y no se como crearlo para que me cargue el contenido de la pagina externa.
El autor pone un ajaxLoading.php que toma el "id" del div y lo imprime en el contenido,
Código PHP:
echo "Content of <".$_REQUEST['id']."> loaded!";
Código HTML:
<path_to_script>?id=<id_of_the_element>
Código:
El html es: $(document).ready(function() { $(".slidingSpaces").ferroSlider({ ajaxLoading : true, ajaxScript : 'ajaxLoading.php', displace : 'column', easing : 'easeOutExpo', createMap : true, feedbackArrows : true, mapPosition : 'center_right' }); });
Código HTML:
<div id="div1" class="slidingSpaces demo2" title="Page1"></div> <div id="div2" class="slidingSpaces demo2" title="Page2"></div> <div id="div3" class="slidingSpaces demo2" title="Page3"></div> <div id="div4" class="slidingSpaces demo2" title="Page4"></div> <div id="div5" class="slidingSpaces demo2" title="Page5"></div>
Saludos a todos, y espero me puedan ayudar.