#1
Нужен скрипт вставки тематических картинок с гугла.
Видел реализацию на 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 - ничего не получилось, а изучать пока, к сожалению, некогда.
