2017-04-25 10 views
0

이 코드를 볼 수 있듯이, 내가 선택한 keyword에 대한 검색을 실행하고 싶습니다.이 경우에는 "산"입니다.무작위로 고른 Google 이미지에 몸의 배경을 설정하십시오.

이 코드는 - 주어진 keyword 이미지를 검색 한 다음 수신 한 데이터에서 임의의 이미지를 확인한 다음 배경 이미지를 임의 이미지로 설정합니다.

하지만이 코드를 실행하면 원하는 결과를 얻지 못하는 것 같습니다. 나는 구글 검색 API에 api.flickr.com을 변경할 수 있습니다, 그래서 내 이미지 검색 결과는 개선 된 바와 같이 배경으로 설정 얻을 :

<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> 

그래서 제 질문은?

만약 그렇다면 어떻게됩니까?

이미 도움을 주셔서 감사합니다.

+0

당신은 사용할 수 https://developers.google.com/custom- search/ – Gerardo

+0

그래, 어떻게 구현할 것인가? 그래서 검색된 무작위 이미지 결과를 background @ 제라르도? 나는 구글 검색 api에 아주 새로운 것이다. –

+0

좋아요, 예를 들어 보겠습니다 ... – Gerardo

답변

1

다음은

Example

을 요청하지만이 코드를 실행하기 전에 먼저 이에 대한 구글의 API 키와 당신이 ID의 필요합니다 사용자 정의 검색 엔진을 만들 것입니다. 또한 사용자 지정 엔진을 만든 후에는 "이미지 검색"옵션을 활성화해야합니다.

와 구글에서 제공하는 ID로도 var ENGINE_ID = "your_engine_id" 구글

에서 제공하는 키 var API_KEY = "your_api_key"를 교체합니다. 여기

이 링크입니다 :

API 콘솔

Google API console

맞춤 검색 엔진

https://cse.google.com/all

+0

감사합니다! 그러나 나의 브라우저는 jquery.min.js로부터'GET 400()'에러를 얻는다? –

+0

내가 ajax jquery를 넣은 후에'jquery.js : 9664'에 충돌합니다. –

+0

WORKS! 버터 같은 느낌! 감사!!! –