comment mettre le message de chargement dans iframe avant que la page a été chargée

Question

J'ai eu un lien et lorsque la souris est survolé dessus, son contenu (src) sera chargé en iframe. Je veux afficher le message de chargement dans iframe avant que la page ne soit complètement chargée. Est-il possible de mettre ce message

Ci-dessous jsFiddle http://jsfiddle.net/sukumar/tSwC6/3/

Cordialement. Sukumar

Answer 1

Qu'est-ce que vous pouvez faire est cacher l'iframe et mettre une icône de chargement sur #content, puis quand il est fait avec le chargement montrer l'iframe à nouveau avec l'aide de l'événement onload:

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

Answer 2

vous

peut utiliser quelque chose comme ceci:

$("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(); 
} 
);