Question

正如您所看到的，我有这个代码，我想搜索我选择的keyword，在这种情况下它是“山脉”。

此代码的作用是 - ＆gt;它搜索给定keyword - ＆gt;的图像然后它检查它收到的数据中的随机图像 - ＆gt;然后它将背景图像设置为随机图像。

但是当我运行这段代码时，它似乎没有给我想要的结果。

<html>
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">

    var keyword = "mountains";

    $(document).ready(function(){

        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
        {
            tags: keyword,
            tagmode: "any",
            format: "json"
        },
        function(data) {
            var rnd = Math.floor(Math.random() * data.items.length);

            var image_src = data.items[rnd]['media']['m'].replace("_m", "_b");

            $('body').css('background-image', "url('" + image_src + "')");

        });

    });
    </script>
</head>
<body>

</body>
</html>

所以我的问题是：我可以将api.flickr.com更改为Google搜索API，以便我的图片搜索结果得到改善并设置为所提到的背景吗？

如果，那怎么样？

已经感谢您的支持！

Answer 1

以下是您的要求

Example

但在运行此代码段之前，请先在Google上为此创建一个API密钥，然后在自定义搜索引擎中创建一个自定义搜索引擎。在创建自定义引擎后，您还需要启用“图像搜索”选项。

将var API_KEY = "your_api_key"替换为Google提供的密钥

和var ENGINE_ID = "your_engine_id"也带有Google提供的ID。

以下是链接：

API控制台

Google API console

自定义搜索引擎

https://cse.google.com/all

将身体背景设置为随机谷歌图像

1 个答案: