페이지 새로 고침 이미지 표시

Question

누군가가 특정 링크를 클릭하면 .reload (true)를 사용하여 페이지를 강제로 다시로드하는 javascript 스 니펫이 있습니다. 페이지 새로 고침이 진행되는 동안 어떻게 간단한 "로드 중"이미지를 표시 할 수 있습니까?

당신이 로딩 이미지를 원하는 위치를 지정하지 않은

Answer 1

(즉, 도움이된다면 이미 페이지에 jQuery를 사용). 수행 .reload를 호출하기 전에

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

그런 :

$('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 곳)

: 당신은 같이 고정 된 장소에 보관 단순히 그렇게하지만, 그 숨겨진 div에 표시 할 그리고 0

, 다시로드를 호출하기 전에, 단순히 다시 쇼를 :

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

Answer 2

확인 jquery-loadmask plugin