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

Question

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

（如果有帮助，已在页面上使用jquery）

Answer 1

查看jquery-loadmask plugin

Answer 2

您没有指定加载图片的位置。如果您希望图像本身“成为”加载图像，请首先将图像装饰为：

<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标记为隐藏，如：

<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();