使用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 */ 
}