+20 фотографий flickr api - PullRequest
Новая
       5

+20 фотографий flickr api

0 голосов
/ 10 августа 2011

Я пытаюсь получить +20 фотографий в ленте Flickr.На другом форуме кто-то разместил следующий код в качестве ответа.Я вставил свой API + setID в строки 2-3, но это не сработало.

$(document).ready(function() {  
    var apiKey = ‘******I inserted my API here’;  
    var photoSetID = ‘********set ID’;  
    var jsonURL = 'http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&extras=url_o&photoset_id=' + photoSetID +   
        '&per_page=500&api_key=' + apiKey + '&format=json&jsoncallback;=?';    
    $.getJSON(jsonURL, function(data){  
        $.each(data.photoset.photo, function(i,item){  
            var imgSrc = ‘http://farm’ + item.farm + ‘.static.flickr.com/’ + item.server + ‘/’ +  
            item.id + ‘_’ + item.secret + ‘_b.jpg’;  
            $(’ <img >’).attr(’src’, imgSrc).appendTo(’#images’);  
        });  
    });  
});

Я думаю, что мои две основные проблемы заключаются в том, где я могу заменить информацию своей собственной: 

var jsonURL = 'http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&extras=url_o&photoset_id=' + photoSetID + '&per_page=500&api_key=' + apiKey + '&format=json&jsoncallback;=?';

И какова цель этого кода? 

var imgSrc = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_b.jpg';

Большое спасибо, мое понимание Jquery ограничено, и документация по flickr api удивительно скудна для начинающих.

Келси

1 Ответ

0 голосов
/ 11 августа 2011

Перейдите на свою страницу или страницу фотопотока на flickr и прокрутите вниз до нижней части страницы, где написано: Подписаться на фотопоток пользователей. Нажмите на оранжевый значок RSS-канала, затем вы найдете канал для фотопотока. В верхнем адресе будет идентификатор, который выглядит как 49269824 @ N04 this, поместите его в код ниже и добавьте div с идентификатором flickr к вашему телу вашей веб-страницы. 

<html> 
<head> 
<title>Flick Test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script> 

<script>


$(function(){       

    var id='49269824@N04';

    // Flickr Photostream feed link.
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=" + id + "&lang=en-us&format=json&jsoncallback=?", 

    function(data){$.each(data.items, 

    function(i,item){

        // Number of thumbnails to show.            
        if(i < 20){

        // Create images and append to div id flickr and wrap link around the image.
        $("<img/>").attr("src", item.media.m.replace('_m', '_s')).appendTo("#flickr").wrap("<a href='" + item.media.m.replace('_m', '_z') + "' name='"+ item.link + "' title='" +  item.title +"'></a>");


        }

    }); 

    }); 

    });

</script> 

</head> 
<body> 
<div id="flickr"></div>
</body> 
</html>

Вы можете установить ограничение на количество требуемых изображений, изменив число в if (i <20) {.... в приведенном выше. </p>

Удачи.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...