Question

我如何拥有这样的预加载器website
我的意思是图像慢慢显示的 BUT
我想通过windows.load来实现这个目标吗？任何的想法？ THx的

更新

 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/

Answer 2

该网站不是“预加载”数据。

当你去那里时观察网址，当动画结束时 - sarehnouri.com可以只显示动画，然后.done，它会将你重定向到sarehnouri.com/main，这是不一样的页。

它可以像......一样简单。

$(function() {
    displayAnimation().done(function() { window.location.href = "/main";
});

或者您可以查看他们的源代码并查看实际情况。

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

2 个答案: