使用jquery切换图像

Question

我无法使用以下代码：

$('#clicked_package').css({"background-image" : "url(img/head_2.png)"}).fadeOut("slow");
$('#clicked_package').css({"background-image" : "url(img/head_2_normal.png)"}).fadeIn("slow");

无论我在第一行放置什么图像，它似乎总是用第二行替换它。所以我的第一张图片与第二张图片相同。

我想要的是淡出第一张图像，然后淡入第二张图像。

建议？ 感谢

Answer 1

您可能希望fadeOut的版本接受回调函数：

$('#clicked_package')
    .css({"background-image" : "url(img/head_2.png)"})
    .fadeOut("slow", function () {
        $(this).css({"background-image" : "url(img/head_2_normal.png)"})
            .fadeIn("slow");
});

示例： http://jsfiddle.net/andrewwhitaker/VLRKy/