jquery - 在页面加载之前缓慢显示图像

Question

我怎样才能有这样的预加载器website
我的意思是图像显示缓慢。
但是
我想通过 windows.load 实现此目的？
任何想法 ？谢谢

更新

 function initSplash(){
var block = $("#splashLogoBlock");
var active = 0;
var pause = 300;
var timer = 500;
var count = 11;
var idTimeout;

for(var i=1; i< count + 1; i++){
    $('<div class="splashLogoShower shower' + i + '"></div>').insertBefore($(".splashLogo"));
}

它使用了这个js。

Answer 1

首先，这不是预加载数据，这只是动画。

你可以制作一些 jQuery 动画:

$(element).animate({height: "20px"}, 500, function() {
   //this code will run after animation complete
   console.log('animation comlpeted');

   //or even redirect if you want
   window.location.href = "http://stackoverflow.com";
});

更多详情请查看jQuery animate() documentation

---更新---

以下是适合您的具体示例:http://jsfiddle.net/zur4ik/7R4Sq/

--- 更新 2 ---

具有相同页面加载器的另一个示例:http://jsfiddle.net/zur4ik/7R4Sq/2/