jQuery图像淡入淡出序列？

我有一个关于jQuery和图像褪色的问题。我有一个图像束，我想淡出每一个顺序完全不透明当你加载页面。我的html代码如下：

<div class='mod'>
   <img src='image-src' alt='' />
   <div class='mod-text'>
   <h2>Title</h2>
   <p>Caption</p></div>
</div>

<div class='mod'>
   <img src='image-src' alt='' />
   <div class='mod-text'>
   <h2>Title 2</h2>
   <p>Caption 2</p></div>
</div>

标题
标题

标题2
标题2

---

每个图像都有自己相应的标题和标题，它们一个接一个地显示。我想有第一个图像先淡入，然后有每个后续图像淡入后。有人有主意吗？我对jQuery有非常基本的了解。谢谢

这可能不是您自己需要实现的东西，请查看。

您需要将动画排队，然后在前面的动画结束时开始：

<img src="..." />
<img src="..." />
<img src="..." />
<img src="..." />

var animations = new Array();
// queue all
$("img").each(function() {
    animations.push($(this));
});

// start animating
doAnimation(animations.shift());

function doAnimation(image) {
    image.fadeIn("slow", function() {
        // wait until animation is done and recurse if there are more animations
        if(animations.length > 0) doAnimation(animations.shift());
    });
}

var animations=新数组（）；
//全部排队
$（“img”）。每个（函数（）{
动画。推送（$（this））；
});
//开始制作动画
doAnimation（animations.shift（））；
函数定向（图像）{
image.fadeIn（“慢”，函数（）{
//等待动画完成，如果有更多动画，则递归
如果（animations.length>0）实现动画（animations.shift（））；
});
}

您还可以通过延迟每个后续图像的效果（注意：我使用window.load确保在开始动画之前加载所有图像），按顺序淡入淡入淡入：

这是伟大的重叠动画，而不是等待，直到每一个完成。它也可以像这样随机化：

$(window).load(function() {

        var delay = 0;

        $('img').sort(function() { return (Math.round(Math.random()) - 0.5); }).each(function() {
            $(this).delay(delay).fadeIn(600);
            delay += 150;
        });

    });

让我看看使用基本的“链”是否有效。

$(window).load(function() {

        var delay = 0;

        $('img').sort(function() { return (Math.round(Math.random()) - 0.5); }).each(function() {
            $(this).delay(delay).fadeIn(600);
            delay += 150;
        });

    });