Sign Up

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.

Have an account? Sign In

Have an account? Sign In Now

Sign In

Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.

Sign Up Here

Forgot Password?

Don't have account, Sign Up Here

Forgot Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Have an account? Sign In Now

You must login to ask a question.

Forgot Password?

Need An Account, Sign Up Here

Please briefly explain why you feel this question should be reported.

Please briefly explain why you feel this answer should be reported.

Please briefly explain why you feel this user should be reported.

Sign InSign Up

The Archive Base

The Archive Base Logo The Archive Base Logo

The Archive Base Navigation

  • Home
  • SEARCH
  • About Us
  • Blog
  • Contact Us
Search
Ask A Question

Mobile menu

Close
Ask a Question
  • Home
  • Add group
  • Groups page
  • Feed
  • User Profile
  • Communities
  • Questions
    • New Questions
    • Trending Questions
    • Must read Questions
    • Hot Questions
  • Polls
  • Tags
  • Badges
  • Buy Points
  • Users
  • Help
  • Buy Theme
  • SEARCH
Home/ Questions/Q 6674051
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Editorial Team
Asked: May 26, 20262026-05-26T03:42:01+00:00 2026-05-26T03:42:01+00:00

I know there are tons of plugins/scripts that will pre-load the site while displaying

  • 0

I know there are tons of plugins/scripts that will pre-load the site while displaying a picture or a message but I am looking to extend the time x amount longer. In other words I want to display message, “This is the message” and while that is up I want the site to fully load and then wait x amount of seconds before fading that message out and fading in the rest of the site. Is this possible?

  • 1 1 Answer
  • 0 Views
  • 0 Followers
  • 0
Share
  • Facebook
  • Report

Leave an answer
Cancel reply

You must login to add an answer.

Forgot Password?

Need An Account, Sign Up Here

1 Answer

  • Voted
  • Oldest
  • Recent
  • Random
  1. Editorial Team
    Editorial Team
    2026-05-26T03:42:02+00:00Added an answer on May 26, 2026 at 3:42 am

    If you set the opacity of the page to 0 the browser will still render everything.
    Then on .ready() fade it in.
    Example:

    HTML:

    <div id="content">this is the site</div>
    <div id="message">this is the message</div>
    

    CSS:

    #message{
        position:absolute;
        top:10px;  
    }
    #content{
        opacity:0;
        filter: alpha(opacity=0);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    

    JS:

    $(function(){
        $('#content').delay(1000).fadeTo(500, 1);
        $('#message').delay(1000).fadeOut(500, function() {
            $(this).remove();
        });
    });
    

    jsFiddle:
    http://jsfiddle.net/9kM7p/

    • 0
    • Reply
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report

Sidebar

Related Questions

I know that there are tons of questions like this one, but I couldn't
I know there is a function somewhere that will accept a client rect and
I know there are tons of questions about paperclip, but I failed to find
I know there have been tons of answers on this subject, but I still
I know there are tons of questions about this already floating around SO but
I know there's already tons of similar questions, but I checked over twenty answers
I know there're a lot of HTML formatter. I've tried tons but none fit
OK, I know there are tons of questions like this, but for some reason
I know there was a TONS of similar quesitons here, but I've tried already
I know that there are tons of links about creating custom configuration sections out

Explore

  • Home
  • Add group
  • Groups page
  • Communities
  • Questions
    • New Questions
    • Trending Questions
    • Must read Questions
    • Hot Questions
  • Polls
  • Tags
  • Badges
  • Users
  • Help
  • SEARCH

Footer

© 2021 The Archive Base. All Rights Reserved
With Love by The Archive Base

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.