Создание быстрого и простого поиска изображений с помощью Google Images (iframe) - PullRequest
Новая
       1

Создание быстрого и простого поиска изображений с помощью Google Images (iframe)

2 голосов
/ 16 августа 2011

Я занимаюсь университетским проектом с использованием своего рода социальной сети для рецептов.

Чтобы заполнить базу данных ингредиентами, я написал простую форму, которая может добавить их в базу данных. Ингредиенты содержат изображение, которое я хотел бы, чтобы люди добавили.

Чтобы мой сайт не был заполнен загрузками, я подумал о небольшом iframe для изображений Google, в котором люди нажимают на нужное изображение, чтобы я мог отобразить его по его ссылке (я ожидаю, что каждый ингредиент будет в пределах самые первые результаты в изображениях Google).

Моя проблема в том, что панель инструментов Google (та, которую они представили в Google+) довольно раздражает, и она занимает много места, которое я хочу, чтобы iframe занимал.

Есть ли обходные пути? : -)

1 Ответ

0 голосов
/ 23 августа 2011

Это что-то вроде вопроса "навсегда один" (я даже получил достижение Tumbleweed по этому вопросу: V).

Я сам кое-что устроил, поэтому я поделюсь: -) 

<!DOCTYPE html>
<html>
<head>
  <style>img{ height: 100px; float: left; }</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>



$.getJSON("https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=tex&callback=?",
          {
            unescapedUrl: "any"
          },
          function(data) {
            $.each(data.responseData.results, function(i,results){
                  $("<img/>").attr("src", results.unescapedUrl).attr("id", "img"+i).appendTo("#images");
                  $("#img"+i).wrap($("<a/>").attr("href", results.unescapedUrl));
              if ( i == 1 ) $("#images").append("<br />");
            });
            return false;
          });


</script>
</head>
<body>
<table id="images">

</table>


</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...