Jquery 如何创建一个又一个图像的淡入加载效果

我的灵感来自页面上的拇指加载效果，但老实说，我不知道如何在每个拇指上创建这样的效果

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

我见过一些其他相关的主题，但在一个接一个地加载许多图像的情况下，这些主题不起作用

谢谢

脚本：

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

然后html：

<div id="listing">
  <div class="img"><img src="http://www.marclagrange.com/files/thumbs/medium/snow-white20091.jpg" alt=""  width="235" height="180" /></div>
  <div class="img"><img src="http://www.marclagrange.com/files/thumbs/medium/soeur-sourire70x50.jpg" alt=""  width="235" height="180" /></div>
</div>

别忘了包括在内

---

这是一个。

啊，刚刚也找到了那部分。谢谢你，祝你一切顺利=实际上，我似乎无法让它工作。查看此->-无论我在延迟和淡入时从参数中更改了什么，它都不会加载..：添加jquery“domready”事件。看看我编辑的帖子我以为你知道jQuery。这就是为什么。嗯，事实上我知道。然而，我从未遇到过这样的（小）问题。这就是为什么好了，再次谢谢你，伙计！