Foros del Web » Programando para Internet » PHP »

ferroSlider con ajaxLoading PHP

Estas en el tema de ferroSlider con ajaxLoading PHP en el foro de PHP en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/07/2012, 18:10
 
Fecha de Ingreso: octubre-2010
Mensajes: 3
Antigüedad: 14 años, 1 mes
Puntos: 0
ferroSlider con ajaxLoading PHP

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.

Etiquetas: ajax, ferroslider
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:41.