iframe에 내용을로드하는 동안 로더 이미지를 배치 할 수 있습니까?

Question

페이스 북의 iframe 콘텐츠 페이지에서 작업 중이며, 내 사이트의 iframe 콘텐츠가 표시되는 데 몇 초가 걸리므로 iframe 내부에 로딩 gif를 배치하여 처음에는 몸으로 보일 수 있습니다. 배경 이미지)를로드하면서 나머지 내용을로드합니다.

iframe은 모든 이미지와 함께 ussually cames를 참조하십시오. 그래서 iframe의 내용이나 내용을로드 할 수있는 방법이 있고 모두 함께 표시되는지 궁금합니다.

신체 배경으로 이미지를 시도했지만 작동하지 않았습니다. 둘 다 함께 왔습니다.

Answer 1

음,

나는 당신이 달성하고자하는 것을 이해합니다. 하지만 이것을 달성하기 위해 아는 유일한 방법은 아약스를 사용하여 모든 콘텐츠를로드하는 것입니다.

페이지로드시 실행되도록 ajax 기능을 설정하십시오. 그리고 페이지의 본문에 그 GIF 로더 중 하나를 넣으십시오 ..

희망은 무엇을 말하려고하는지 이해합니다!

Answer 2

다른 도메인에서 가져온 iframe의 내용은 수정할 수 없습니다.

그러나 메인 윈도우의 절대 위치 지정을 사용하면 삽입 된 iframe의 상단에 이미지를 배치 할 수 있습니다. 이미지는 기본 페이지 디자인을 복잡하게하거나 변경하지 않고도 원하는 것을 달성 할 수 있습니다. 여기

은 예입니다 : 코드는 iframe에 있고 당신이 뭔가가 iframe을에 페이지가로드되기 전에 표시하고 부모를 제어하지 않는하려면 http://jsfiddle.net/jfriend00/DajS4

---

, 다음 아무 없다 . 코드가로드 될 때까지 아무 것도 동적으로 수행 할 수 없으며 페이지가 이미 표시되기 시작합니다.

당신이 할 수있는 일은 보여줄 첫 번째 것 중 하나가되어야 할 페이지의 첫 번째 태그에있는 작은 이미지와 같이 매우 빠르게 페이지에 무언가를로드하는 것입니다. 로드가 완료되면 작은 이미지를 숨길 수 있습니다. 뭔가 빨리 표시하는 것 이외에도로드 할 때까지 아무 것도 할 수 없으므로로드하기 전에 아무 것도 표시 할 수 없습니다. 이전에 뭔가 해낸 부모 창을 만들어야합니다.

Answer 3

AJAX를 사용하여 페이지를로드 할 수 있습니다.

<div id="loading">loading..</div> 
<div id="content" style="display:none"></div> 

$(function() { 
    $('#content').load('http://url', function() { 
     $('#loading').hide(); 
     $(this).show(); 
    } 
}); 

참고 :로드 속도를 높이려면 모든 자바 스크립트의 위치가 페이지 하단에 있어야합니다.