jquery一個接一個地顯示圖像

Question

這也許是一個問題，我在這裏創建一個圖片庫，並希望縮略圖在頁面上逐漸淡入，這需要動態的數量（在其他畫廊頁重用）一個div內的圖像

$(function { 
var $gallImages = $('#galleryThumbs img'); 


for(i=0; i<=$gallImages.length; i++){ 
    $(document.getElementById('galleryThumbs').getElementsByTagName('img')[i]).addClass('done').fadeIn('slow'); 

}}); 

此負載:(

也就是有沒有更好的方式來做到元素集合在我的jQuery顯示在同一時間的所有圖像找不到任何關於使用圖像標籤所需的陣列的任何信息

任何幫助，將不勝感激，我打一個心理障礙對這個

Answer 1

您可以只需添加一個.delay()每個，像這樣：

$(function { 
    $('#galleryThumbs img').each(function(i) { 
    $(this).delay(i*600).fadeIn('slow') 
    }); 
}); 

我不知道當你的類應該是雖然增加了，但你可以立即或.queue()它，取決於它是否應該在淡出之前發生。這在第一個立即消失，第二個600毫秒後（當第一個淡出完成時），接下來的第二個等等。如果你想重疊低於600（這是'slow'是什麼）。

要立即添加類，淡化一個接一個：

$('#galleryThumbs img').addClass('done').each(function(i) { 
    $(this).delay(i*600).fadeIn('slow') 
}); 

或者，它只是褪色前加：

$('#galleryThumbs img').each(function(i) { 
    $(this).delay(i*600).queue(function(n) { $(this).addClass('done'); n(); }) 
         .fadeIn('slow') 
});