Как сделать некоторые загрузки текста для HTML5 плавающего фрейма

Question

У меня есть объект Iframe, которые определяются следующим образом:

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

Сейчас этот кадр занимает много времени для загрузки, можно сделать загрузочный текст, что просто говорит Loading frame..., и когда появится рамка, текст исчезнет? Я попытался положить текст прямо над определением кадра, как это:

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

Это делает пребывание на верхней части рамы, но никогда не уходит. Как разместить текст загрузки для iframe?

Answer 1

Вы можете обернуть iFrame в DIV классом для загрузки заднего изображения.

<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

Долгое время назад я использовал, чтобы сделать это:

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