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);)

我希望代码按脚本编写的顺序执行,FadeOut Text,Change Picture,Change Text,FadeIn Text.

提前致谢!

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);
});