将JQuery淡入淡出效果合并到删除和添加类中

Question

我有这样的代码，它可以更改应用于元素的类，并且这些类包含背景图像。我想让图像淡入淡出，而不是仅仅切换。

$(document).ready(
function(){
var toggleImage = function(){
    if($(".home").hasClass("home1")){
        $(".home").removeClass("home1").addClass("home2");  
        console.log("First IF");
            }
    else if($(".home").hasClass("home2")){
        $(".home").removeClass("home2").addClass("home3");
        console.log("Second IF");
    }
    else if($(".home").hasClass("home3")){
        $(".home").removeClass("home3").addClass("home1");
        console.log("Third IF");
    }
    console.log("End of the conditionals");
}
console.log("Outside of the conditionals");
setInterval(toggleImage, 5000)
});

Answer 1

您的问题不可能直接得到。您需要使用CSS3渐变效果(http://webdesign.about.com/od/css3tutorials/a/fade-in-and-out-with-css3.htm)