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);
}