Показать Загрузка изображения до полной загрузки страницы

Question

Я хочу показать загрузочное изображение до загрузки содержимого всей страницы. Как достичь этого? Я работаю в ASP.NET.

спасибо. NLV

Answer 1

Вы изначально должны иметь изображение, показывающее в вашем HTML, а затем скрыть его при загрузке страницы, как это:

Javascript:

window.onload = function() { 
    document.getElementById('loadingImageIDHere').style.display = 'none'; 
}; 

EDIT: OP помечено на этот вопрос, как «JavaScript ', НЕ' jquery '!!

Answer 2

Для этого вам необходимо использовать Javascript. Я предпочитаю jQuery. У jQuery есть функция, которая выполняется, когда страница полностью загружена, поэтому вы можете настроить свой основной контент div на наличие свойства css: none, а затем, когда DOM готов, вы можете использовать jQuery для отображения содержимого:

$(document).ready(function() { 
    $("#myContent").css("display", "block"); 
}); 

Answer 3

Мое личное предпочтение заключается в том, чтобы изображение загрузки отображалось на каждой странице заранее, а затем с помощью jQuery скрыть изображение после загрузки страницы. Это зависит от вас, хотите ли вы использовать $(document).ready или $(window).load.

// assumes you already have a DIV#preloader container on your page centered with a loading image inside 
// of it 
$(document).ready(function() { 
    $("#preloader").hide(); 
}); 

$(window).load(function() { 
    $("#preloader").hide(); 
});