jQuery淡入延迟

Question

我有一个图库，需要一张一张地填充。 这意味着，在第一个淡入淡出之后，第二个淡入淡出，然后是第三个，第四个，依此类推...

我已经尝试过...

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

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

我也找到了一个答案，并尝试了这个...

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