Hola a todos, espero me puedan ayudar con este problema que tengo.
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!";
; la petición la hace de esta manera:
Código HTML:
<path_to_script>?id=<id_of_the_element>
y el script del slider es:
Código:
$(document).ready(function() {
$(".slidingSpaces").ferroSlider({
ajaxLoading : true,
ajaxScript : 'ajaxLoading.php',
displace : 'column',
easing : 'easeOutExpo',
createMap : true,
feedbackArrows : true,
mapPosition : 'center_right'
});
});
El html es:
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>
Ahora bien, yo quisiera que imprima el contenido de una pagina externa, no creo que este muy complicado para alguno de ustedes que es experto, por lo cual recurro a ustedes por ayuda.
Saludos a todos, y espero me puedan ayudar.