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

Question

我基本上试图加载从特定用户和特定集合中获取的随机 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");
  });

编辑

我已经停止了循环，这很棒，现在已经更新了上面的代码以拉入照片 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");
  });

编辑

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

Answer 1

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

而不是

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

做

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