Wyświetl ładowanie obrazu przed całkowitym załadowaniem strony - asp.net, javascript

Chcę wyświetlić obraz ładujący przed załadowaniem zawartości całej strony. Jak to osiągnąć? Pracuję w ASP.NET.

Dziękuję Ci. NLV

Odpowiedzi:

Początkowo obraz powinien być wyświetlany w kodzie HTML, a następnie ukryty po załadowaniu strony, na przykład:

JavaScript:

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

EDYCJA: OP oznaczono to pytanie jako "javascript", a NIE "jquery" !!

Aby to osiągnąć, musisz użyć Javascriptto. Moją preferencją jest jQuery. jQuery ma funkcję, która wykonuje się, gdy strona jest w pełni załadowana, więc możesz ustawić główny element div, aby wyświetlał właściwość css: none, a następnie, gdy DOM jest gotowy, możesz użyć jQuery, aby wyświetlić zawartość:

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

Moim osobistym życzeniem jest, aby wcześniej załadować obraz wyświetlany na każdej stronie, a następnie użyć jQuery, aby ukryć obraz po załadowaniu strony. To zależy od ciebie, czy chcesz go użyć $(document).ready lub $(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();
});