Jquery延迟了淡入元素

Question

我有一个图片库，需要逐个加入。这意味着，在第一个faddes进入之后，第二个faddes进入，然后是第三个，第四个等等...

我试过......

var object = $('#gallery-id img');
    for(var i = 0; i < object.length; i++) {
        var timeout = window.setTimeout(function() {
            $(object[i]).fadeIn(300);
        },500);
    }

但它不起作用。图像甚至没有显示，更不用说了。我做错了什么？

我还找到了stacks answer并尝试了这个......

    var object = $('#lightbox-galerija-id img');
    for(var i = 0; i < object.length; i++) {
        $(object[i]).delay(1000).fadeIn(300);
    }

但只会延迟一秒钟，并一次显示所有图像。

Answer 1

试试这个：

var object = $('#gallery-id img');
    for(var i = 0; i < object.length; i++) {
        var timeout = window.setTimeout(function() {
            object.eq(i).delay(i*500).fadeIn(300);
        },500);
    }