更新：在等待頁面加載時顯示圖像的問題

我試圖顯示圖像以讓用戶知道某些頁面正在加載時正在發生的事情。更新：在等待頁面加載時顯示圖像的問題

我嘗試了幾個例子，我發現在谷歌。
我的目標是每當我點擊某個鏈接時，圖片應該會讓我知道網頁正在加載。但我無法做到這一點。

到目前爲止，我所完成的是當我加載該頁面並且不會消失時出現的圖像，但是我想在點擊鏈接時使其可用。

我所做的：

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
$("#loading").hide(); 
}); 
</script> 

<img id="loading" alt="" src="/ajax-loader.gif"/> 

#loading { 
width: 100%; 
height: 100%; 
top: 0px; 
left: 0px; 
position: fixed; 
display: block; 
opacity: 0.7; 
background-color: #fff; 
z-index: 99; 
text-align: center; 
} 

#loading-image { 
position: absolute; 
top: 100px; 
left: 240px; 
z-index: 100; 
}

任何幫助是讚賞:) 感謝

來源

2010-09-17 pavid