отображение загружаемого изображения до тех пор, пока все данные не будут загружены

Question

Прямо сейчас я просто даю определенный временной интервал, после которого изображение загрузки исчезает, но я хочу разместить загрузочное изображение, которое будет отображаться до тех пор, пока все содержимое фона не будет полностью загружено ,

текущего код

#loadingImgDIv{ 
position:fixed; 
width:100%; 
height:100%; 
top:0px; 
left:0px; 
z-index:14; 
} 

<script> 
setTimeout("removeLoadingImg()",5000); 
function removeLoadingImg(){ 
//using css display:hidden; attribute on #loadingImgDiv using javascript 
} 
</script> 

Но это не правильный способ сделать это ... так, пожалуйста, помогите мне

Answer 1

просто:

spinner.show() 
$.get('/api') 
    .success(successCb) 
    .fail(failCb) 
    .always(function(){ 
    //... 
    spinner.dismiss() 
    })