Как добавить мой фотопоток?
Я хочу добавить свой фотопоток на мой сайт. Я попробовал несколько битов кода
https://gist.github.com/willdurand/5705453 (не могу найти установленный идентификатор)
а также
jQuery.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){
jQuery.each(data.items, function(i,item){
jQuery("<img/>").attr("src", item.media.m).appendTo("#images")
.wrap("<a href='" + item.link + "'></a>");
});
});
Предположим, мне нужно найти идентификатор, чтобы добавить общедоступный канал в мой фотопоток?
редактировать это, кажется, работает, но выдает 403.
<script>
jQuery(function(){
var apikey = 'xxxxxxx';
var userid = 'xxxxxx';
jQuery.getJSON('http://api.flickr.com/services/rest/?&method=flickr.people.getPublicPhotos&api_key='+apikey+'&user_id='+userid+'&format=json&jsoncallback=?',
function(data){
jQuery.each(data.photos.photo, function(i,item){
var purl = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_m.jpg';
var pid = item.id;
var container = '<div class="image-container" style="background: url(' + purl+ ');"></div>';
jQuery(container).appendTo('#images');
});
});
});
</script>
это работает, просто нужно установить изображения для общественности.
1 ответ
Я взял точный код, который вы опубликовали ниже, и применил его к JSFiddle.
jQuery.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){
jQuery.each(data.items, function(i,item){
jQuery("<img/>").attr("src", item.media.m).appendTo("#images")
.wrap("<a href='" + item.link + "'></a>");
});
});
Изображения возвращаются правильно, и ссылки тоже работают, я думаю, вам следует проверить, что у вас есть div с идентификатором "images" на вашей странице и что у вас нет другого javascript, который вызывает ошибку на вашей странице,
Проверьте это с помощью инструментов разработчика в своем браузере и взгляните на консоль.