然后在jquery中加载div然后延迟加载

嗨我有一个画廊，它已经离开浮动的div，图片是每个div的背景，我想要的是每个图片加载稍有延迟所以首先加载然后等待说5秒然后第二个等序列，我已经在网站上看到它，但如果可能的话，在jquery中忘记给它添加书签。

我确实尝试过查询但是当我希望每个div都淡入时，我只能得到很多东西

所以用这个代码：

子元素将一次淡入一个。 第一个然后延迟5秒然后下一个等等。

谢谢

Answer 1

您可以使用

 $('#parent .child') .hide() .each(function(index){ var _this = this; setTimeout( function(){ $(_this).fadeIn(); }, 5000*index ); }); 

演示http://jsfiddle.net/gaby/eGWx9/1/

Answer 2

我喜欢@Gaby又名G. Petrioli回答最好的，但无论如何我发帖。

现场演示

CSS

 .child{display:none;} 

JS

 showElements($('#parent')); function showElements(element){ element.children('div').each(function(){ if($(this).is(':hidden')){ $(this).fadeIn(); setTimeout(function(){showElements(element)}, 1000); return false; } }); } 

Answer 3

首先将所有孩子设置为隐藏.child {display:none;}

然后以递归方式淡化它们：

 function fade_in(e){ $(e).fadeIn('slow',function(){ if($(e).next().length > 0){ setTimeout(function(){fade_in($(e).next());},5000); } }); } fade_in($('.child:first-child')); 

http://jsfiddle.net/B7Qgk/1/

Answer 4

jQuery.delay（）

例如：