spences10
12/24/2016 - 8:51 AM

http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images

http://stackoverflow.com/questions/32615926/use-javascript-to-get-a-random-image-from-google-images

jsRandomImage.html
content_copyfile_download
<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>
jQueryRandomImage.html
content_copyfile_download
<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>