Javascript簡單的幻燈片，淡入？

Question

爲什麼淡入淡出不起作用？我需要用fadeIn做簡單的滑塊。你可以幫我嗎？

function animace() { 
    obrazky = ['img/xxx.jpg', 'img/xxx_1.jpg', '3.png']; 
    if (obr + 1 == obrazky.length) obr = 0; 
    else obr++; 
    obrazek.src = obrazky[obr].fadeIn('slow'); 
    window.setTimeout('animace()', cas); 
} 

Answer 1

即使jQuery是不是你的問題標記，我假設它是jQuery的fadeIn方法，你在說什麼。

obrazky是一個數組，而不是一個jQuery對象。

如果您想使用相同的圖像元素併爲其添加動畫，則需要這樣的內容。

function animace() { 
    obrazky = ['img/xxx.jpg','img/xxx_1.jpg','3.png']; 

    if (obr + 1 == obrazky.length) { 
     obr = 0; 
    } else { 
     obr++; 
    } 

    // obrazek is the jQuery object 
    obrazek.fadeOut('slow', function(){ 
     this.src = obrazky[obr]; 
    }).fadeIn('slow'); 

    window.setTimeout('animace()',cas); 
}