Отображение изображения загрузки при обновлении страницы

Question

У меня есть фрагмент javascript, который вызывает перезагрузку страницы с использованием .reload (true), когда кто-то нажимает на определенную ссылку. Как я могу показать простое «загружаемое» изображение во время обновления страницы?

(уже с помощью jquery на странице, если это поможет)

Answer 1

Проверить jquery-loadmask плагин

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 где-нибудь)

Затем, перед вызовом reload, просто покажите его снова:

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