从 flickr 集中选择随机图像并将其附加到 div

Question

我遇到了一些问题，希望能得到一些帮助。我正在尝试从 flickr 集中选择一个随机图像并将其附加到 div 以用作背景图像。这是函数：

$.getJSON("http://***", function (data){                                                                                                                                   

    var htmlString = ""; 

    $.each(data.photoset.photo, function(i, item){      

            var bkg = data.photoset.photo[i];
            var randomBkg = Math.floor(Math.random() * bkg.length);

            htmlString += '<img src='+ randomBkg.url_o +' />';

    return i < 0;   

    });     

    $('#bg').append(htmlString);

 });

如果我用 bkg.url_o 替换 randomBkg.url_o 它只会返回集合中的第一个图像。像我上面那样使用它会附加一个带有“未定义”的图像标签作为img src。任何关于我被误导的地方的帮助都将非常感激。

Answer 1

图像标签现在是“未定义”，因为 Math.floor 返回一个 Number，而 Numbers 没有 url_o 属性。如果您只是想从集合中挑选出一张图片，您实际上不需要使用$.each 来遍历所有项目。您应该能够执行以下操作：

var index = Math.floor(Math.random() * data.photoset.photo.length);
var randomImage = data.photoset[index];
var htmlString = = '<img src='+ randomImage.url_o +' />';