On the website, there is a master page along with several content pages. The desired effect is to have a fade-in animation when navigating between pages. Currently, when clicking on a link, the new page appears first and then starts fading out, but this should be reversed.
Javascript:
$(window).load(function(){
$(".divLoading").fadeOut(2000);
});
ASPX:
<asp:Content ID="content" ContentPlaceHolderID="" runat="server">
<div class="divLoading"></div>
//all the page content comes here
CSS:
.divLoading
{
width:100%;
height:100%;
background:white;
z-index:1000;
position:fixed;
}
Attempts were made to place the Javascript and div within the master page instead of each content page, but the issue persisted.