Информационно-развлекательный портал Глазова

Доброго времени суток. Знаю что тут есть толковые программисты, поэтому пишу

Нужен скрипт вставки тематических картинок с гугла.

Видел реализацию на PHP, но мне нужно именно в JS. Суть в том, что ссылка на картинку передается в элемент стиля #pics.

Мои наработки (не работает):

Код: Выделить всё

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
  $(document).ready(function(){

jQuery.getJSON("http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=cat&rsz=large&callback=?", function(data){
          $.each(data.responseDate, function(i,results){
            $("<img/>").attr("src", results.unescapedUrl).appendTo("#pics");
            if ( i == 0 ) return false;
          });
        });

  });
</script>

Косяк по-моему где то тут:

Код: Выделить всё

          $.each(data.responseDate, function(i,results){
            $("<img/>").attr("src", results.unescapedUrl).appendTo("#pics");

Рабочая версия, вставки 4 самых новых рисунка с Flickr JSONP API.

Код: Выделить всё

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){

jQuery.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
        function(data){
          $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if ( i == 4 ) return false;
          });
        });

  });
</script>

Я делал по аналогии с рабочим вариантом вставки с flickr.com, но т.к. не знаю JavaScript - ничего не получилось, а изучать пока, к сожалению, некогда.

Ну что могу сказать.

Читай спецификации с гугла внимательнее: http://code.google.com/intl/ru-RU/apis/imagesearch/v1/jsondevguide.html

Я не буду комментировать твои ошибки, лениво. Но если что, то спрашивай.

Вот рабочий код, который выводит 3 картинки. Дальше сам разберешься. Рабочий пример выместил сюда: http://fillo.ru/ben.html

Код: Выделить всё

$(document).ready(function() {
   $.getJSON("http://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=cat&rsz=large&callback=?", function(data) {
       $.each(data.responseData.results, function(i,results) {
                   if(i == 3) return false;
                   $("<img />").attr("src", results.unescapedUrl).appendTo("#pics")
           })
        })
})


p.s. Почему-то кажется, что уже есть готовые варианты, но я не искал.

Огромное спасибо

Весь инет обрыл, во всяком случае, в паблике данной реализации нету.