js div上加载html页面显示,javascript – 在页面加载时显示div(所有JS和HTML / CSS)

我有一大堆图像从Wordpress附件中提取出来,然后使用各种各样的砖石网格倾倒在页面上 – 一切都很好.但是,需要一点时间.

有没有办法在页面加载时显示div,带有一些文本,然后显示：none,之后？

到目前为止我有这个：

function showContent(){

//hide loading status...

document.getElementById("loading-grid-page").style.display='none';

//show content

document.getElementById("content").style.display='block';

}

document.write('

Fetching ALL the gold...

');

//hide content

document.getElementById("content").style.display='none';

和我的CSS,

#loading-grid-page {

color: #ffffff;

font: 700 11px/25px 'proxima-nova-1', 'proxima-nova-2', sans-serif;

letter-spacing: 1px;

text-transform: uppercase;

background: #111111 url('images/ajax-loader-black.gif') no-repeat 15px center;

border-radius: 2px;

border: 1px solid #111111;

padding: 5px 30px;

text-align: center;

width: 200px;

position: fixed;

left: 50%;

top: 50%;

margin-top: -50px;

margin-left: -100px;

z-index: 1000000;

}

然而,它会抛出混合的结果,有时候它会等待并且所有的砖石都能正常工作,有时它却没有,而且砖石结构失败并且页面装载奇怪.

只是想知道那里是否还有其他东西;)

谢谢,

[R