javascript - 类中存在的图像逐渐淡入（HTML/CSS/JS）？

Question

我使用 AJAX 在类中动态加载图像。

因此，假设一个类中存在 10 个图像（类最初不显示）。

如果我使用 JQuery 在一个类中应用淡入淡出，那么所有图像都会同时淡入。不过我想要的是一张一张的逐渐淡入的画面，一定不能很慢，但效果应该是感觉画面在逐渐淡出。

HTML 代码

<p class="loaded_images">
<a><img src=""/></a>
<a><img src=""/></a>
<a><img src=""/></a>
</p>

查询

$('.loaded_images').children('a').each(function(){

$(this).children('img').fadeIn(200)

})

Answer 1

function fadeImages(index) {
    var imgs = $('.className img');
    if(index == imgs.size()) {
        return false;
    } else {
        imgs.eq(index).fadeIn('fast',function(){fadeImages(index+1)});
    }    
}

$(document).ready(function() {
    fadeImages(0);
})