Как показать анимацию загрузки при использовании .load в JS?

Question

Я собираю WSGI URI, который требует некоторых деталей, но есть пара секунд ожидания, когда он загружает детали URI. Каков наилучший способ загрузки анимированного изображения загрузки, пока не будет получен ответ URI?

код JS я использую:

<script type="text/javascript"> 
jQuery(function($){ 
$('#overview').load('<WSGI URI HERE>'); 
}); 
</script> 

Затем вызывается в DIV:

<div id="overview"></div> 

Answer 1

Вы можете показать индикатор загрузки и скрыть тот, когда изображение будет загружено , Вы должны добавить <div> -block, который содержит индикатор и поместить его поверх вашего изображения.

$('#overview').load('<WSGI URI HERE>', function() { 
    $('#spinner').fadeOut(); 
}); 

Много индикаторов загрузки можно найти по адресу: http://preloaders.net/ru Также вы можете найти интересные блесны по адресу: https://github.com/tobiasahlin/SpinKit и на сайте: https://github.com/lukehaas/css-loaders