0

AJAX を使用して、クラス内に画像を動的に読み込みます。

したがって、一度に 10 個の画像がクラス内に存在するとします (クラスは最初は表示されません)。

JQuery を使用してクラスにフェードインを適用すると、すべての画像が一度にフェードインします。しかし、私が望むのは、画像が 1 つずつ徐々にフェードインすることです。非常に遅くしてはいけませんが、画像が徐々にフェードしていると感じるような効果が必要です。

HTML コード

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

Jクエリ

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

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

})
4

1 に答える 1

0 
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);
})
于 2012-11-13T05:13:23.997 に答える