如何创建淡入加载效果，一个接一个的图像

我已经从这个页面上的拇指加载效果中获得灵感，但老实说在每个拇指上都不知道如何创建这样的效果。

谁能指出我正确的方向，甚至给我一些代码？

我已经看到了一些其他相关的主题，但是那些将在一个接一个地加载许多图像的情况下不起作用。

谢谢！

Answer 1

剧本 ：

$(function(){ $("#listing .img").each(function(index) { $(this).hide().delay(100*index).fadeIn(300); }); }); 

然后是html：

并且不要忘记包含jquery 。

这是一个jsFiddle 。