JQuery Ajax анимация?

Question

У меня есть петиция ajax jquery ... есть ли стандартный способ отображения хорошей анимации во время ее завершения.

У кого-нибудь есть информация?

Это просто, что петиция занимает около 15 секунд, когда возникает ошибка на сервере ... поэтому я хотел бы отобразить анимацию в случае этой ситуации ...

Я не обязательно говорю о методах анимации jquery, но, возможно, какой-то анимированный GIF ... или что-то

Есть идеи?

Answer 1

Вы хотите это: http://www.ajaxload.info/

используйте это для генерации загрузочных изображений, которые соответствуют стилю вашей страницы.

Edit: CSS / HTML будет выглядеть так (примечание: не проверено):

.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

• Перед тем, как приступить к публикации, покажите счетчик (вы можете сделать его на www.ajaxload.info )
• Публикация на сервере, и пока пользователь ждет, вращается вертушка.
• Когда сообщение будет завершено, скройте счетчик.

EDIT: Я нашел другой вопрос на эту тему в StackOverflow.