Welcome Loading ... Page with jQuery

Question

How can I implement the welcome screen in 5 seconds by providing information such as loading the application ... + some information about the application ... while the main page loads in the background.

Answer 1

I think it’s permissible to have a “download ...” page in some cases - for example, after a user logs into a business application (think TurboTax is online ... it says something like “establish a secure connection”, that, probably not quite so, but loading the contents of the interface). Displaying a page every time an anonymous user visits your site is probably not a good idea.

jQuery BlockUI. , .

Answer 2

, , , .

http://www.jnorton.co.uk/blog/jquery-check-if-all-content-has-been-loaded

:

$(document).ready(function(){
    $(window).load(function() {$("#welcome").fadeOut('fast'); })
});

Answer 3

, - , . , , -, - , , .

-, Flash, , Flash.

. , " ", . , .

# 2. , , . , , , , , - .

Answer 4

You show your welcome message when the page loads (theoretically, as an absolutely positioned overlay). Then you can use jQuery to start the timer:

$(document).ready(function(){
    setTimeout(function(){
        $('div#overlay').fadeOut();
    }, 5000);
});

Answer 5

Although I agree with @TheTXI, the best way to do this is to display the default “loading ...” screen with CSS and then hide it as soon as everything is loaded using jQuery (instead of waiting for a fixed amount of time).

See jQuery.load () ... ex:

  $(document).ready(function(){
    $("body img:last").load($("#welcome-screen").fadeOut());
  });