在页面刷新时显示加载图像

Question

我有一个javascript代码片段，一旦有人点击特定链接，就会强制页面重新加载使用.reload（true）。如何在页面刷新时显示简单的“加载”图像？

（已在页面上使用jQuery的是否有帮助）

Answer 1

你没有指定你想要加载图像。如果你需要的图片本身，以“成为”加载图像，通过装饰你的图像作为这样开始：

<img class="cl" 
    src="loading.gif" 
    onload="if(!this._done){this._done=true;this.src='real.jpg';}"/> 

然后调用.reload之前，这样做：

$('img.cl').attr('src','loading.gif'); 

在另一方面，如果你想要把它在一个固定的地方，只是这样做，但标志着该分区为隐藏，如：

<div id="rl">loading <img src="loading.gif"/></div> 
<noscript><style> 
#rl {display:none;} 
</style></noscript> 
<script><!-- 
document.write("<style>\ndiv#rl {display:block;}\n</style>"); 
$('#rl').hide(); 
//--></script> 

（也许你会也位置RL某处）

然后调用重装前，只需重新显示它：

$('#rl').show(); 

Answer 2

退房jquery-loadmask plugin