Buenas amigos, queria consultarles, ya que no me esta saliendo bien lo que hice.
Tengo una serie de capas que van cambiando a medida que clickeo en una flecha de Atras y Proximo. cuando se realiza el cambio me pedian, por si hay retraso (se hace una llamda ajax) hacer un efecto de opacidad y/o poner un cartel de "Cargando"
El tema es que aun no he podido dar en la tecla, ya que segun noto, no se si logro hacer depender el delay o carga al tiempo real que dura la llamada:
Código:
$("#capa").animate({
opacity: 0.01,
left: "+=1"
},
{
duration: 2000,
start: function() {
},
complete: function() {
if (direccion=='prev')
{
pagina_perfil--;
}
else{
pagina_perfil++;
}
if (pagina_perfil < 0 || pagina_perfil >= 500)
{
pagina_perfil=0;
}
if (pagina_perfil >= 0)
{
$.post("<?=base_url();?>ajax/cambiocapas/"+pagina_perfil, {}, function(data){
$("#capa").animate({
opacity: 1,
left: "+=100"
});
$("#capa").html(data);
});
}
},
progress: function(animation, progress) {
}
}
);
Me podrian guiar o dar alguna idea?
Saludos!