JQuery - 在鏈接文本文本之前淡出文本

Question

我有一張圖片覆蓋整個屏幕。每隔5秒鐘，背景圖像就會轉換到另一個背景圖像。對此，我有一個很好的文本標題。當圖片改變時，我想淡出我的文字，然後用另一個文字淡入。我已經完成了一半的工作。它改變文本並淡入淡出。但是，它以奇怪的順序進行。這裏是我的代碼，它會改變：

$("header h1").fadeOut(500); 
$("#bildfram").css("background-image", "url(" + bilder[bild] + ")"); 
$("header h1").text("GeForce | " + text[bild]); 
$("header h1").fadeIn(500); 

這是代碼的順序，但執行有點奇怪。在網站上，執行是這樣的：

Change background image ($("#bildfram").css("background-image", "url(" + bilder[bild] + ")");) 
Change the text ($("header h1").text("GeForce | " + text[bild]);) 
Fade out the text ($("header h1").fadeOut(500);) 
Fade in the text ($("header h1").fadeIn(500);) 

我想在腳本編寫，淡出文本，更改圖片，更改文字，淡入文字的順序來執行的代碼。

在此先感謝！

Answer 1

要在$.fadeOut()完成後更改某些內容，您需要在$.fadeOut()的回調中進行更改。

$("header h1").fadeOut(500, function() { 
    $("#bildfram").css("background-image", "url(" + bilder[bild] + ")"); 
    $("header h1").text("GeForce | " + text[bild]); 
    $("header h1").fadeIn(500); 
});