Отображение загрузки GIF при загрузке страницы - Iframe? - PullRequest
Новая
       2

Отображение загрузки GIF при загрузке страницы - Iframe?

0 голосов
/ 03 января 2012

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

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

Ответы [ 2 ]

0 голосов
/ 03 января 2012 
<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>

не проверено, но должно работать:)

0 голосов
/ 03 января 2012

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...