----- # Custom isHidden: false menupriority: 1 kind: article created_at: 2009-10-03T14:34:11+02:00 title: How to preload your site with style multiTitle: fr: La classe pour charger une page web en: How to preload your site with style multiDescription: fr: pas de description. en: no description. tags: - web - jquery - webdesign ----- ## Example Here is a live example of what appear while loading my pages.
Hello! I've finished loading!
Click me to see me disapear again.
...
content to display during the loading.
...
#blackpage
top: 0
left: 0
width: 100%
height: 100%
margin-left: 0
margin-right: 0
margin-top: 0
margin-bottom: 0
position: absolute
text-align: center
color: #666
padding-top: 10em
background-color: #eee
z-index: 9000
$(document).ready(function(){
$('#blackpage').fadeOut();
});