Wie einige Lade Text für HTML5 iFrame

Question

ich ein iFrame-Objekt habe zu machen, die wie folgt definiert sind:

<iframe src="iFrame SRC" frameborder="0" width="160" height="200" scrolling="no" longdesc="longdesc URL"> 
</iframe> 

Nun dieser Rahmen dauerte eine lange Zeit zu laden, ist es möglich, einen Lade Text so einfach zu machen sagt Loading frame..., und wenn der Rahmen erscheint, den Text verschwinden lassen? Ich habe versucht, den Text direkt über der Rahmendefinition wie folgt setzen:

Loading... 
<iframe ...> 
</iframe> 

Es ist auf der Oberseite des Rahmens nicht bleiben, aber nie geht weg. Wie lege ich einen Ladetext für einen iFrame?

Answer 1

Sie können den iFrame in ein DIV mit einer Klasse zum Laden eines Hintergrundbilds einbinden.

<div class="iframe-loading"> 
    <iframe src="iFrame SRC" frameborder="0" width="160" height="200" scrolling="no" longdesc="longdesc URL"> 
    </iframe> 
</div> 


.iframe-loading { 
    background:url(../images/loading.gif); 
} 

Answer 2

Vor langer Zeit habe ich dies zu tun:

<iframe src="iFrame" etc. ...> 
Loading frame... 
</iframe>