運行一個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函數和延遲幾秒鐘的預加載淡出，但是當我這樣做的.gif文件中提到的#status不會出現。我的問題是：如何將setTimeout與這兩個事件串聯在一起，以便在頁面準備就緒後，允許運行.gif 3秒，然後淡出，最後預加載器淡出。

希望是有道理的。如果您還有其他問題，請告訴我。該網站目前位於本地開發服務器上，但如有必要，我可以進行截圖。

P

Answer 1

我覺得這樣的事情是你在找什麼：

http://jsfiddle.net/yG2fH/

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

fadeOut有兩個參數的超負荷：一是持續時間，然後一個功能在動畫完成後運行。