使用jquery切换图像

switching images using jquery

本文关键字：图像 jquery 使用      更新时间：2023-09-26

我无法使以下代码工作:

$('#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/

相关文章：