Comment afficher le message de chargement lors du chargement d’un iFrame?

Question

J’ai un iframe qui charge un site Web tiers qui est extrêmement lent à charger.

Existe-t-il un moyen d’afficher un message de chargement pendant que cet iframe charge l’utilisateur ne voit pas un grand espace vide?

PS. Notez que l’iframe est destiné à un site Web tiers, donc je ne peux rien modifier / injecter sur leur page.

Answer 1

J’ai fait l’approche css suivante:

Answer 2

Je pense que ce code va aider:

Js:

HTML:

Css:

Answer 3

$('iframe').load(function(){
      $(".loading").remove();
    alert("iframe is done loading")
}).show();


<iframe src="http://www.google.com" style="display:none;" width="600" height="300"/>
<div class="loading" style="width:600px;height:300px;">iframe loading</div>