Включите эффект JQuery Fade в удаление и добавление классов

Question

Включите эффект JQuery Fade в удаление и добавление классов

0

У меня есть этот код, который изменяет классы, которые применяются к элементу, и эти классы содержат фоновое изображение. Я хочу заставить изображения затухать и выходить, а не просто переключаться.

$(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)

});

William Wilkerson 02 дек. 2013, в 18:06

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Shreyas · Accepted Answer · 2013-12-02T14-40-00.000Z

То, что вы просите, невозможно напрямую. Вам нужно будет использовать эффект затухания CSS3 (http://webdesign.about.com/od/css3tutorials/a/fade-in-and-out-with-css3.htm)

Спасибо, это именно то, что я искал.