Ajaxで読み込む

Question

Ajaxが動作している間に読み込みイメージを追加しようとしています。私はすでにこれを持っています：

if(xml.readyState == 1) { 
     divPrincipal.innerHTML = "<img src='/RH/images/loading.gif' />" 
    } 
    if(xml.readyState == 2) { 
     divPrincipal.innerHTML = "" 
    } 

そして、それはうまく動作しますが、私が欲しいところにイメージを置きません。

ローディングイメージを正確に中央とすべての前に置くことはありますか？または私は画像をしたい位置にdivを挿入する必要がありますか？

ありがとうございます！

Answer 1

divPrincipalにこれらのスタイルを適用します。

#divPrincipal { 
    position: fixed; 
    left: 0; top: 0; right: 0; bottom: 0; 
    background: #cccccc; 
    background: rgba(255,255,255,0.5); 
} 
#divPrincipal > img { 
    position: fixed; 
    left: 50%; 
    top: 50%; 
    margin-left: -Xpx; /* where X is half the width of the image */ 
    margin-top: -Ypx; /* where Y is half the height of the image */ 
}