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

Question

我正在嘗試顯示一個圖像，以使用戶知道某些頁面正在加載時正在發生某些事情。

我嘗試了一些在google中找到的示例。
我的目標是每次單擊某個鏈接時，都會出現該圖像，以告知我該頁面正在加載。 但是我不能那樣做。

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

我所做的：

<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;
}

任何幫助表示贊賞:)謝謝

Answer 1

也許這會有所幫助：

http://docs.jquery.com/UI/進度欄

Answer 2

這是一個簡單的例子： http : //www.webappers.com/progressBar/

當我輸入“ js進度欄”時，這是google的第一個結果-還有數百個其他結果。