Animation Jquery Ajax?

Question

J'ai une pétition ajax jquery ... existe-t-il une façon standard d'afficher une belle animation pendant qu'elle se termine.

Quelqu'un a-t-il des informations?

est juste que la pétition est de prendre environ 15 secondes quand il y a une erreur dans le serveur ... donc je voudrais afficher une animation dans le cas de cette situation ...

Je ne parle pas nécessairement méthodes d'animation jquery, mais peut-être une sorte de gif animé ... ou quelque chose

Des idées?

Answer 1

vous voulez ceci: http://www.ajaxload.info/

utiliser pour générer des images de chargement qui correspondent au style de votre page.

Edit: Le css/html serait comme (note: non testé):

.container { 
    position: relative; 
    height: 20ex; 
    width: 20em; 
} 

.hideCover { 
    display:none; 
} 
.loadCover { 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    background-color:white; 
    height:100%; 
    width:100%; 
    opacity:0.5; 
    filter:alpha(opacity=50); 
    text-align:center; 
} 

.loadCover > img { 
    position:relative; 
    top: 10ex; 
} 

<div class='container'> 
    <div id='receiver'> 
     ...your area to load into .... 
    </div> 
    <div class='hideCover'> 
     <img src='...path to loading image...' /> 
    </div> 
</div> 

Answer 2

• Avant de faire le poste, montrent une fileuse (vous pouvez les faire à www.ajaxload.info)
• Publier sur le serveur et pendant que l'utilisateur attend, le spinner tourne.
• Une fois la publication terminée, masquez le disque.

EDIT: Je trouvé another question about this subject on StackOverflow.