페이지가로드되기 전에 iframe에 로딩 메시지를 넣는 방법

Question

링크가 있고 마우스를 올려 놓으면 콘텐츠 (src)가 iframe에로드됩니다. 페이지 가져 오기가 완전히로드되기 전에 iframe에 로딩 메시지를 표시하고 싶습니다. 그것이 가능 그 메시지 아래

을 넣어 것은 http://jsfiddle.net/sukumar/tSwC6/3/

감사 jsfiddle입니다. 수 쿠마

Answer 1

당신이 할 수있는 onload 이벤트 사용하여 다시, 그것은 로딩 완료 후 때 iframe을 보여를 iframe을 숨기고 #content에 로딩 아이콘을 넣을 수 있습니다 :

http://jsfiddle.net/jeffreydev/tSwC6/4/

Answer 2

을 다음과 같이 사용할 수 있습니다.

$("a").hover(function(){ 

    var href = $("a").attr("href"); 
    var loading = $('<div>loading....</div>').appendTo("#content"); 
    var iframe = $("<iframe src='"+href+"'>").appendTo("#content").hide().bind('onload', 
    function(){loading.hide(); iframe.show()}); 
},     
function(){ 
    $("#content").empty(); 
} 
);