javascript - 使用jQuery切换图像

我无法获得以下代码来工作：

$('#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");

不管我在第一行中放什么图像，似乎总是用第二行替换它。因此，我的第一张图片与第二张图片相同。

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

建议？
谢谢

最佳答案

您可能想要接受回调函数的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/

关于javascript - 使用jQuery切换图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7630063/