показать загружаемое изображение во время загрузки страницы

Я хочу показать изображение Loading, когда страница еще не загружена. Перед загрузкой страницы он показывает пользователю blank white page. Итак, я хочу удалить пустое пространство.показать загружаемое изображение во время загрузки страницы

Страница делает слишком много ударов базы данных, поэтому она загружается немного медленно.

Я проверил сообщение this, но это не сработает.

Я проверил, добавив <![CDATA[ напротив скрипта, как указано в blogpost. Это не работает.

Наконец-то я приземлился в вопросе вопроса, хотя это дубликат.

Вот мой сценарий, наконец.

<script src="../../Scripts/jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    // <![CDATA[ 
     $(window).load(function() { 
      $("#divLoading").fadeOut("slow"); 
     }); 
    // ]]> 
</script>

и в теле

<body style="background-color: white;"> 
    <div id='divLoading'> 
     <div class="loading" align="center" id="divImageLoader"> 
      <img src="../../ItemSelectorImages/ajax-loader_bluish.gif" alt="Loading..."/> Loading 
     </div> 
    </div> 
</body>

CSS-загрузки является:

.loading 
{ 
    font-family: Arial; 
    font-size: 10pt; 
    padding:20px; 
    position: fixed; 
    background-color: #ffffff; 
    z-index: 99999; 
    border-radius:5px; 

}

Что случилось с моим кодом? Может кто-нибудь указать или дать рабочее решение.

Cheers !!!

Karthik

источник

2013-09-18 Karthik Chintala

jQuery BlockUI. ???? –

это пустая страница или то, что страница загружает после того, как многие базы данных попадают ..? – Anto

Другой подход может заключаться в загрузке макета страницы и текста, а затем приведение изображений с помощью вызовов ajax. – DragonZero

У меня есть решение этого вопроса.

Проблема заключается не в высоте элемента div, а в проблеме изображений/CSS.

Проблема заключается в другом script, который выполняется сразу после завершения загрузки окна, сценарий включает в себя готовую и оставшуюся функцию javascript DOM.

Я удалил следующий скрипт, который выполняется после window.load и помещается после конца тега body.

<body style="background-color: white;"> 
    <div id='divLoading'> 
     <div class="loading" align="center" id="divImageLoader"> 
      <img src="../../ItemSelectorImages/ajax-loader_bluish.gif" alt="Loading..."/> Loading 
     </div> 
    </div> 
</body> 
//The following second script is placed here so as to load after the body load is complete. 
<script> 
     includes DOM Ready, and some javascript functions to be called. 
</script>

Допущение: Я думаю, что после того, как $(window).load(function() { скрипт будет сделано, не должно быть никаких других сценариев дальнейшего бегущие.

Спасибо всем, кто комментировал.

Если мое предположение неверно, укажите, какая реальная проблема остановила изображение loading.

источник

2013-09-18 11:31:38

показать загружаемое изображение во время загрузки страницы

ответ

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