0

jQueryを使用して画像を読み込んで次々とフェードしようとしています。問題は、1 つの画像しか読み込まないことです。この問題を解決するにはどうすればよいですか?

$('input[id*="friend_bar"]').click(function () {
    FB.ui({
        method: 'apprequests',
        message: 'Try this awesome application?',
        exclude_ids: '<?php echo $exclude_ids ?>'
    }, function (response) {
        if (response) {
            $.post('invite_suck.php', {
                'response': response.to
            }, function (data) {
                for (var index in response.to) {
                    var ID = response.to[index];
                    $("#friend_bar").first().fadeOut(function () {
                        $(this).load(function () {
                            $(this).fadeIn();
                        });
                        $(this).replaceWith('<div align=\"center\"> <input type=\"image\" src=\"https://graph.facebook.com/' + ID + '/picture/?type=square\" height=\"50\" width=\"50\" align=\"center\">').attr("id", "friend");
                    });
                }
            });
        } 
        else {
            alert('Request was not sent');
        }
    });
4

2 に答える 2

0

これは、いくつかの入力要素のフェードインに関する同様の質問です。特定の順序でjQueryフェードイン

http://jsfiddle.net/lucuma/CVMSx/1/

function fadeChain(elem) {
    if(elem) {
        $(elem).fadeIn('slow', function() {
            fadeChain($(this).next());
        });
    }
}

fadeChain($('#slideshow img').first());​
于 2012-05-22T18:56:19.397 に答える
0

あなたの質問をよく理解しているかどうかはわかりませんが、ID「friend_bar」の div 内に含まれる一連の画像をフェードインしようとしている場合は、おそらく次のようにすることができます。

//set images opacity at 0
 $('#friend_bar > img').css('opacity', '0');
    //self-invoking function to fade in each image in succession 
 $(function fader() {
     var $image = $('#friend_bar > img');

    $image.each(function(index, item) {
         setTimeout(function() {
             $(item).animate({opacity:1}, 500);
         }, index*500);
     });

 });
于 2012-05-22T18:24:30.143 に答える