jQuery在類之間淡化

Question

我正在循環顯示不同橫幅背景圖像的三個類。

我有循環工作很好，但想在不同的類之間添加淡入淡出動畫。

這裏是我當前的代碼

var img = ['img1', 'img2', 'img3'], 
    c = 0, 
    run = setInterval(loop, 3000); 

    function loop(){ 
     $('#header').removeClass().addClass(img[++c%img.length]).fadeIn('slow'); 
    } 

在此先感謝

Answer 1

jQuery用戶界面可以處理animations between classes。看看他們的文檔addClass和switchClass。它們的語法與jQuery's animate非常相似。

誠實地說，如果你只是在尋找基本的轉換，我會考慮CSS3 transitions（請原諒窮人選擇的資源）。