2014-05-19 572 views
0

我有一個圖像的畫廊,需要一個一個地加入。這意味着,在第一faddes之後,第二個在消失,然後是第三個,第四個等等...Jquery褪色元素延遲

我已經試過了與...

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

但只爲拖延一秒鐘,顯示所有圖像的一次。

+1

與嘗試'第(i + 1)* 1000'像'$(對象[I])延遲(第(i + 1)* 1000).fadeIn(300);。 ' – Satpal

+0

它的工作原理。非常感謝你。你能告訴我它爲什麼起作用嗎?我猜測延遲是堆疊的,如果它們完全相同,那麼延遲就會被執行。 –

+1

再次感謝。你爲我節省了很多時間 –

回答

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