0

Instagram の画像をグリッド ビューで表示するページを作成しました。特定の画像をクリックすると、新しいページが開き、元の Instagram リンクからの特定の画像が表示されます。Yahoo YUI のみを使用して、新しいページではなく元のページで画像を開きたい。ここに例があります（panel_fiveの下）。私はYUIでの経験はありません。私のコード全体は次のとおりです：10個の異なるボックスに10個の画像を表示しています

$(function() {

 $.ajax({
        type: "GET",
        dataType: "jsonp",
        cache: false,
        url: "https://api.instagram.com/v1/media/popular?client_id=70fd1ce846d641928bf0a047053cf62d",
        success: function(data) {

            for (var i = 0; i < 10; i++) {
                $('.ttl').first().parent().append('<div class="ttl"><div class="ttlpadding"><div class="item">' + "<a href='" + data.data[i].images.standard_resolution.url +"' ><img src='" + data.data[i].images.thumbnail.url +"' /></a>" +"</div></div></div>");
            }     

        }
    });

});
4

1 に答える 1

1

http://jsbin.com/welcome/12864/editに実例があります

YUI().use('jsonp', 'node', function(Y) {
    var list = Y.one('#output');

    Y.jsonp(
        "https://api.instagram.com/v1/media/popular?client_id=70fd1ce846d641928bf0a047053cf62d&callback={callback}",
        function(data) {
            for (var i = 0; i < 10; i++) {
                list.append('<div class="ttl"><div class="ttlpadding"><div class="item">' + "<a href='" + data.data[i].images.standard_resolution.url +"' ><img src='" + data.data[i].images.thumbnail.url +"' /></a>" +"</div></div></div>");
            }
        }
    );
});

ご覧のとおり、jquery の例とそれほど違いはありません。アプリケーションを SSL で実行していない限り、ファイルをダウンロードしてホストする必要はありません。ヤフー！は SSL ベースのコンボ ローダーを提供していませんが、SSL で自分で実行するのは非常に簡単です。

于 2012-08-16T14:03:27.187 に答える