문서가 페이지에로드 될 때까지 이미지를로드하는 방법

웹 사이트를 개발 중입니다. PDF 문서를 페이지에로드해야합니다. iframe을 사용하여 페이지에 문서를 성공적으로로드했습니다. 그러나 pdf 문서를로드하는 데 시간이 걸립니다. 해당 문서를로드하는 동안 pdf 문서가 완전히로드 될 때까지 "문서가로드 중입니다"라는 메시지를 표시해야합니다. 어느 누구도 Java 스크립트 나 다른 방법을 사용하여이 문제를 해결할 수 있습니까?문서가 페이지에로드 될 때까지 이미지를로드하는 방법

미리 감사드립니다.

출처

2011-09-12 Arun

당신이 시도 할 수 있습니다를 '취소이 onLoad 핸들러를 사용할 수 있습니다 .getElementById ('loading'). style.display = 'none' "> 작동하는 경우 우리가 거기에서 가져올 수 있습니다. – mplungjan

는이를 사용하여이 작업을 수행 할 수 있습니다 : 당신이 구글 수

<script> 
    $(function(){ 
    $("#loader").html(""); 
    // document loaded successfully 
    }); 
</script> 

<body> 

<div id='loader'> Document is loading.Please wait...</div> 

</body>

출처

2011-09-12 09:55:54

iframe에서 직접 액세스 할 수없는 문서를로드하면 어떻게 되나요? – mplungjan

@mplungjain ... 하나의 pdf가 순전히 브라우저에로드되었습니다. 그러면 준비 함수가 자동으로 호출됩니다 .. –

페이지가로드 된 후로드하는 경우 (예 : 링크 포함) – mplungjan

화면에 로딩 GIF를 사용합니다. 나는 개인적으로 this을 좋아한다.

CSS의 화면 중앙에 absolute 인 div에 넣을 수 있습니다.

이

이 문서에 대해 이제 HTML

<div id='loading'> 
    <h2>Loading document please wait...</h2> 
    <img src="yourLoadingGif.gif /> 
</div>

, 당신은 <iframe onload="document.getElementById('loading').innerHTML=null">

출처

2011-09-12 10:08:31 deztructicus

문서가 페이지에로드 될 때까지 이미지를로드하는 방법

답변

관련 문제