Question

我对我的网站有这样的想法，每次访问该页面时，背景都会有所不同。我希望从Google图片中获取任何图片，并使用Javascript将其作为我网站的背景。

基本上每次刷新页面时，脚本都会从Google图像中获取随机图片并将其作为背景或者至少下载图片。

我该怎么做，或者甚至可能吗？

Answer 1

可以通过Google图片完成，但需要进行大量自定义，以便脚本按预期运行（包括设置延迟以处理速率限制; Google对每个搜索请求的限制为64项）是使用Google Images api的基本示例：

<html>
<head>
    <title></title>
    <script src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
    google.load('search', '1');
    google.setOnLoadCallback(OnLoad);
    var search;

    //i suggest instead of this to make keywords list so first to pick random keyword than to do search and pick random image
    var keyword = 'mountains';

    function OnLoad()
    {
        search = new google.search.ImageSearch();

        search.setSearchCompleteCallback(this, searchComplete, null);

        search.execute(keyword);
    }

    function searchComplete()
    {
        if (search.results && search.results.length > 0)
        {
            var rnd = Math.floor(Math.random() * search.results.length);

            //you will probably use jQuery and something like: $('body').css('background-image', "url('" + search.results[rnd]['url'] + "')");
            document.body.style.backgroundImage = "url('" + search.results[rnd]['url'] + "')";
        }
    }
    </script>
</head>
<body>

</body>
</html>

但是我可以建议：来自flickr的随机图片，这是另一个基本代码（天空是极限）：

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

Answer 2

尽管从技术上讲不是什么要求，但这可以帮助给随机性提供一些结构-您可以组成一些动词，名词，形容词的字典，然后用随机的形容词名词动词来疯狂地拼凑起来，（例如，正在运行的胖斗牛犬），然后使用该搜索查询google，然后从结果中选择随机图片。这样，您可以减少不适当的结果，还可以根据用户可能选择的主题来选择特定的词典。（即根据用户的喜好更改可用名词）

使用javascript从Google图片中获取随机图片

2 个答案: