How hide and prevent showing web page content during page load and show an animated gif image instead

Question

I designed the site below for my friend: http://noorjamali.info/

How can I prevent showing web site content during web page load? (it has a bad view during page load).

1- Would you please introduce me a jquery plugin for this purpose. As you will see on that web site I act like this:

css

.Home_Page
{
    display: none;
}

jquery

var $j = jQuery.noConflict();
$j(document).ready(function () {
    $j('.Home_Page').fadeIn(2000);
});

but content still appear during page load.

2- How can I fix this issue?
3- How can I show an animated gif instead of showing content during page load?

Thanks in advance.

ilyes kooli · Accepted Answer

use an inline style,

<body style="display:none">
</body>

Sujith Kumar KS · Answer

Try There is a new version of QueryLoader http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/

Donate For Us