Question

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

所以，有一次说一个类里面有10个图像（类最初没有显示）。

如果我使用JQuery在一个类中应用淡入淡出，那么所有图像一次淡入。然而我想要的是逐个逐渐淡入图像，它一定不能很慢，但效果应该让人觉得图像逐渐褪色。

HTML代码

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

JQUERY

$('.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);
})

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

1 个答案: