2017-04-25 46 views
0

正如你所看到的,我有这个代码,我想运行搜索我选择的keyword,在这种情况下,它是“山”。将身体背景设置为随机谷歌图像

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

但是,当我运行这个代码,它似乎并没有给我想要的结果。

<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到谷歌搜索API,所以我的图片搜索结果得到改善,如提及设置为背景?

如果,那么如何?

已经感谢您的支持!

+0

你可以使用https://developers.google.com/custom-搜索/ – Gerardo

+0

是的,但我将如何实现这一点,因此它将搜索到的随机图像结果设置为背景@赫拉尔多?我对谷歌搜索api相当陌生。 –

+0

对,让我来写一个例子... – Gerardo

回答

1

这里就是你的要求

Example

但运行这个段之前,先建立在谷歌,这和API密钥,你会需要它的ID的自定义搜索引擎。在创建自定义引擎后,您还需要启用“图片搜索”选项。

替换var API_KEY = "your_api_key"与谷歌

var ENGINE_ID = "your_engine_id"也由谷歌提供的ID提供的关键。

这里是链接:

API控制台

Google API console

自定义搜索引擎

https://cse.google.com/all

+0

谢谢!但我的浏览器从jquery.min.js获取'GET 400()'错误? –

+0

后,我把jquery jquery崩溃了'jquery.js:9664' –

+0

WORKS!适合黄油!谢谢!!! –