2012-01-03 2 views
0

Я загружаю IFrame, содержащую страницу с длинным списком динамических данных на сайт. В зависимости от скорости широковещательной передачи требуется несколько секунд, и в связи с настройкой ее необходимо развернуть.Дисплей Загрузка GIF при загрузке страницы - iframe?

Я хотел бы показать загружаемый GIF, чтобы пользователь знал, что что-то происходит, но я изо всех сил стараюсь сделать его фоновым изображением в контейнере родительской страницы или в div, окружающем контент на странице iframed.

+0

пожалуйста, вставьте код, как вы используете GIF изображение .. – Ved

ответ

0

Вы можете добавить изображение в качестве фона элемента body внутри iframe, имеющего позицию вверху и в центре. Например. background-position: center 30px

Когда начинается рендеринг стола, изображение будет перекрываться, поэтому его даже не нужно удалять с помощью javascript.

0
<head> 

<script> 
    var foo = function(){ 
     var a = document.getElementById('content'); 
     var b = document.getElementById('loading_img'); 
     a.style.top=''; 
     a.style.left=''; 
     a.style.position=''; 
     b.style.display='none'; 
    }; 
    </script> 
    </head> 

    <body onload="foo();"> 
    <img id="loading_img" style="display:block;margin:20px auto;" src="loading.gif" /> 
    <div id="content" style="position:absolute;left:-8000px;top:-20000px;"> 
    .. table .. and stuff 
    </div> 
    </body> 

не тестировался, но должен работать :)

 Смежные вопросы

  • Нет связанных вопросов^_^