У меня есть идея для моего сайта, что каждый раз, когда вы посещаете страницу, фон будет другим. Я хочу получить буквально любую картинку из изображений Google и поместить ее в качестве фона своего сайта с помощью Javascript.
В принципе каждый раз, когда вы обновляете страницу, script будет извлекать случайное изображение из изображений Google и помещать его в качестве фона или, возможно, загружать снимок.
Как мне это сделать или это возможно?
Это можно сделать с помощью Google Карт, хотя требуется большая настройка, поэтому script ведет себя так, как вы планировали (включая настройку задержки для обработки ограничения скорости; у Google есть предел в размере 64 элемента для каждого запроса на поиск по API ) здесь приведен пример использования 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>
хотя технически это не то, о чем спрашивали, это могло бы помочь придать некоторую структуру случайности - вы могли бы составить пару словарей, глаголов, существительных, прилагательных... и безумно взбодривать их со случайным прилагательным-прилагательным (то есть толстый бульдог работает), затем запросить Google с этим поиском, и выбрать случайную картинку из результатов. таким образом, вы можете уменьшить нежелательные результаты, а также разрешить выбор определенных словарей на основе тем, возможно, выбранных пользователем. (т.е. изменение доступных существительных на основе лайков пользователей)