加载一张随机 flickr 图像并附加到 div

我基本上试图加载从特定用户和特定集合中获取的随机 flickr 图像，然后将其显示在 ID 为“flickr-wrap”的 div 中。我正在尝试操纵此 JSON 代码来执行我想要的操作，但不知道从哪里开始。这段代码当前加载了很多图像（我只想加载一个）并使用标签（但我想要用户和集），有人可以帮助我吗？

 $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",{
    id: "51997044@N03",
    tagmode: "any", 
    format: "json" },
  function(data) {
    $("<img/>").attr({src: data.items[0].media.m.replace('_m.','.')}).appendTo("#flickr-wrap");
  });

EDIT

我已经停止了循环，这很棒，现在已经更新了上面的代码以拉入照片 set.gne 而不是 public.gne，并且通过删除一些代码行稍微改变了我在照片集中的调用方式。现在我需要做的就是从该集中提取随机图像。这是我到目前为止得到的：

$.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157626230243906&nsid=51997044@N03&lang=en-us&format=json&jsoncallback=?",
  function(data) {
    $("<img/>").attr({src: data.items[0].media.m.replace('_m.','.')}).appendTo("#flickr-wrap");
  });

EDIT

仍然没有让随机的东西发挥作用。最烦人的。这里确实需要一些帮助。绝望的！

data.items是图像数组，因此只需获取第一个图像，不要迭代该数组。

代替

$.each(data.items, function(i,item){...}

do

$("<img/>").attr({src: data.items[0].media.m.replace('_m.','.')}).appendTo("#flickr-wrap");