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

【问题标题】：Showing a loading image on page refresh在页面刷新时显示加载图像
【发布时间】：2009-08-11 03:29:35
【问题描述】：

我有一个 javascript sn-p，一旦有人单击特定链接，它就会强制使用 .reload(true) 重新加载页面。如何在页面刷新时显示简单的“加载”图像？

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

【问题讨论】：

标签： jquery refresh loading

【解决方案1】：

查看jquery-loadmask plugin

【讨论】：

【解决方案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 放在某个地方）

然后，在调用 reload 之前，只需重新显示它：

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

【讨论】：