运行一个gif，然后隐藏预加载器

Question

非常感谢任何帮助。

我正在构建一个投资组合网站，我想在其中包含一个简短的jquery预加载器脚本来显示白色覆盖屏幕 - 以及一个居中的.gif动画 - 在淡出gif之前几秒钟，然后覆盖到显示它背后的主页。

我目前使用的脚本如下所示：

jQuery(window).load(function() { // makes sure the whole site is loaded
jQuery("#status").fadeOut("slow"); // will first fade out the loading animation
jQuery("#preloader").delay(400).fadeOut("slow"); // will fade out the white DIV that     
covers the website.
})

我可以添加一个setTimeout函数并将预加载器淡出延迟几秒钟，但是当我这样做时，#status中引用的.gif不会出现。我的问题是：如何将setTimeout与这两个事件串在一起，以便当页面准备就绪时，允许.gif运行3秒，然后逐渐淡出，最后预加载器淡出。

希望这是有道理的。如果您有任何其他问题，请与我们联系。该网站目前位于本地开发服务器上，但如有必要，我可以截屏。

P

Answer 1

我认为你正在寻找的是这样的东西：

http://jsfiddle.net/yG2fH/

$(document).ready(function() {
    setTimeout(function() {
        $('#status').fadeOut('slow', function() {
            $('#preloader').fadeOut('slow');
        });   
    }, 3000);
});

fadeOut有两个参数重载：首先是持续时间，然后是动画完成后运行的函数。