Jquery Ajax-Animation?

Question

Ich habe eine Ajax-Jquery-Petition ... gibt es eine Standard-Möglichkeit der Anzeige einer schönen Animation, während es abgeschlossen ist.

Hat jemand irgendwelche Informationen?

Es ist nur so, dass die Petition etwa 15 Sekunden dauert, wenn ein Fehler auf dem Server auftritt... ich möchte also eine Animation anzeigen, wenn diese Situation eintritt...

Ich spreche nicht unbedingt über Jquery-Animationsmethoden, aber vielleicht eine Art von animiertem Gif ... oder so etwas

Irgendwelche Ideen?

Answer 1

Sie wollen das: http://www.ajaxload.info/

verwenden, um Ladebilder zu erzeugen, die dem Stil Ihrer Seite entsprechen.

Bearbeiten: Die css/html wäre wie (Anmerkung: nicht getestet):

.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

• Bevor Sie den Beitrag schreiben, zeigen Sie einen Spinner (Sie können ihn unter www.ajaxload.info )
• Post an den Server, und während der Benutzer wartet, dreht sich der Spinner.
• Wenn der Beitrag fertig ist, blenden Sie den Spinner aus.

EDITAR: Ich fand eine weitere Frage zu diesem Thema auf StackOverflow.