0

私はこのコードを持っていて、すべての写真の前にテキストを書きたいのですが、どこに書くべきかわかりません。ところで、いいねやユーザーがアップロードされている写真をすべて知りたいです。

function loadFeed() {
    var param = {access_token:access_token};
    cmd(param, onPhotoLoaded);
}

function cmd(param, callback) {
    //popular
    var cmdURL = 'https://api.instagram.com/v1/media/popular?callback=?';
    $.getJSON(cmdURL, param, callback);
}

function onPhotoLoaded(data) {
    if(data.meta.code == 200) {
        var photos = data.data;

        if(photos.length > 0) {
            for (var key in photos ){
                var photo = photos[key];
                $('<div id=p' + photo.id + '></div>').addClass('photoWrapper').appendTo('#panel');

                var str = '<img id="' + photo.id + '" src="' + photo.images.standard_resolution.url + '" width="100%">';
                $('<div></div>').addClass('photo').html(str).appendTo('#p' + photo.id);

                $('#' + photo.id).load(function() {
                    $('#p' + $(this).attr('id')).fadeTo('slow', 1.0);
                });

            }
        }else{
            alert('empty');
        }

    }else{
        alert(data.meta.error_message);
    }
}
4

1 に答える 1

0

探しているデータは写真オブジェクトにあります。

http://jsfiddle.net/AbU7a/

function loadFeed() {
    cmd({access_token:'11007611.f59def8.4f942a67c9174159a1601a037490d3ea'}, onPhotoLoaded);
}

function cmd(param, callback) {
    //popular
    var cmdURL = 'https://api.instagram.com/v1/media/popular?callback=?';
    $.getJSON(cmdURL, param, callback);
}

function onPhotoLoaded(data) {
    if(data.meta.code == 200) {
        var photos = data.data;
console.log(photos);
        if(photos.length > 0) {
            for (var key in photos ){
                var photo = photos[key];
                $('<div id=p' + photo.id + '></div>').addClass('photoWrapper').appendTo('#panel');

                var str = '<p>likes: '+ photo.likes.count +'</p><img id="' + photo.id + '" src="' + photo.images.standard_resolution.url + '" width="50">';
                $('<div></div>').addClass('photo').html(str).appendTo('#p' + photo.id);

                $('#' + photo.id).load(function() {
                    $('#p' + $(this).attr('id')).fadeTo('slow', 1.0);
                });

            }
        }else{
            alert('empty');
        }

    }else{
        alert(data.meta.error_message);
    }
}

loadFeed();

コンソールを表示します (ブラウザによって異なります)。写真オブジェクトから取得できるデータが表示されます。

いいね数を追加することから始めました。

于 2013-02-06T04:03:41.897 に答える