1

divJSON を介して flickr フィードから写真を取得する次のコードがあり、それらを別の 内にある に追加しようとしていますdiv。すべての画像を 1 つに追加することはできますが、div各画像を個別の .xml に追加したいと思いますdiv。

$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?", function(data){
    $.each(data.photoset.photo, function(i,item){
        var photo = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_o.jpg';
        /*var longer = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_t.jpg';*/
        $('<div class="slideshow-content">').appendTo("#slideshow-holder");
        $('<img/>').attr({src: photo}).appendTo(".slideshow-content");
    });
});

このエディターはタグを削除するように見えるため、2 つの追加はそれぞれ"div class="slideshow-content"と"img /"です。どんな助けでも大歓迎です。

4

1 に答える 1

0 
$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?", function(data){
    $.each(data.photoset.photo, function(i,item){
        var photo = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_o.jpg';
        $('<img />').attr('src',photo).appendTo("#slideshow-holder").wrap('<div class="slideshow content"/>');
    });
});

または、追加する前に HTML 文字列を作成するだけです...

$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?", function(data){
    $.each(data.photoset.photo, function(i,item){
        var photo = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_o.jpg';
        $('<div class="slideshow-content"><img src="'+photo+'"/></div>').appendTo("#slideshow-holder");
    });
});
于 2012-06-27T20:45:19.683 に答える