This type of question has been asked before. What you're talking about really isn't "preloading"--it's just obstructing the user's view of the page until the page is fully loaded. It doesn't make the page load any faster.
Just put the entire page inside of a container, and use CSS to set that container's display mode to none. Then simply change the container's display mode to anything other than none once the document is ready or the last image has been loaded:
var imgTotal = 10; // total number of images on your page
var imgCount = 0;
$("img").load(function(){
imgCount++;
if (imgCount == imgTotal)
$("#container").show();
}
However, considering that your page loads in less than a second on my browser, I don't really see any point in this.
