Image 使用谷歌图像（iframe）创建快速简单的图像搜索_Image_Iframe

Image 使用谷歌图像（iframe）创建快速简单的图像搜索

image iframe

Image 使用谷歌图像（iframe）创建快速简单的图像搜索,image,iframe,Image,Iframe,我正在做一个大学项目，涉及到一种食谱社交网络为了用成分填充数据库，我编写了一个简单的表单，可以将它们添加到数据库中。成分包含一个图像，我希望人们添加为了不让我的网站上充斥着上传内容，我考虑了一个小的google images iframe，人们可以在其中点击他们想要的图片，这样我就可以通过它的链接来显示它（我希望谷歌图片中的每一个成分都在最初的结果中）我的问题是Google的工具栏（他们在Google+中引入的工具栏）非常烦人，它占用了我希望iframe占据的大量空间有什么解决办法吗？：

我正在做一个大学项目，涉及到一种食谱社交网络

为了用成分填充数据库，我编写了一个简单的表单，可以将它们添加到数据库中。成分包含一个图像，我希望人们添加

为了不让我的网站上充斥着上传内容，我考虑了一个小的google images iframe，人们可以在其中点击他们想要的图片，这样我就可以通过它的链接来显示它（我希望谷歌图片中的每一个成分都在最初的结果中）

我的问题是Google的工具栏（他们在Google+中引入的工具栏）非常烦人，它占用了我希望iframe占据的大量空间

有什么解决办法吗？：-）

这是一个“永远孤独”的问题（我甚至在这一个问题上获得了风滚草的成就：V）

我自己安排了一些东西，所以我将与大家分享：-）


img{高度：100px；浮点：左；}
$.getJSON（“https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=tex&callback=?",
{
unescapedUrl：“任何”
},
功能（数据）{
$.each（data.responseData.results，function（i，results）{
$（“”）attr（“href”，results.unescapedur））；
如果（i==1）$（“#图像”）。追加（
）；
});
返回false；
});

这是一个“永远孤独”的问题（我甚至在这一个问题上获得了风滚草的成就：V）

我自己安排了一些东西，所以我将与大家分享：-）


img{高度：100px；浮点：左；}
$.getJSON（“https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=tex&callback=?",
{
unescapedUrl：“任何”
},
功能（数据）{
$.each（data.responseData.results，function（i，results）{
$（“”）attr（“href”，results.unescapedur））；
如果（i==1）$（“#图像”）。追加（
）；
});
返回false；
});

Tex感谢您的代码这是我能在网上找到的唯一适用于此的代码，但我想知道控制引入图像数量的变量是什么，我注意到它们不是顶级图像结果，所以想知道是什么定义了它选择的图像。此api不再可用Ex感谢您的代码这是我唯一的选择可以在网上找到适用于此的方法，但我想知道控制引入图像数量的变量是什么，我注意到它们不是顶级图像结果，所以想知道是什么定义了它选择的图像。此api不再可用

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