Добрый вечер! Помогите разобраться, почему не работает данное чудо =(
// FLICKER FEED Varialbes
var flickrID = '139824981@N08'; //FLIcKR ID
var photoCount = '8'; // SET FEED LIMIT
var tags = ''; // PHOTO TAGS
if (tags !== ''){tags = '&tags=' + tags}
var limit = photoCount-1;
var flickrUrl = 'https://api.flickr.com/services/feeds/photos_public.gne?id=' + flickrID + '&per_page=' + photoCount + '' + tags + '&format=json'
//console.log(flickrUrl);
$.ajax({
url: flickrUrl,
dataType: "jsonp",
jsonp: 'jsoncallback',
success: function (data) {
//console.log(data);
var flickrhtml = '';
//Loop Through Each Feed Item
$.each(data.items, function(i, item) {
//flickrhtml += '<h3>' + data.items[i].title + '</h3>';
flickrhtml += '<li><a href="' + item.link + '" title="' + item.title + '">'
flickrhtml += '<img src="' + item.media.m + '" />';
flickrhtml += '</a></li>'
return i<limit;
});
//Writes out results to ul#flickr
$('#flickr').html(flickrhtml);
}
});
div#Photos {width: 676px;}
div#Photos #flickr {margin: 14px 8px 8px 20px; padding: 0; list-style: none; overflow: hidden;}
div#Photos #flickr li {display: block; float: left; position: relative; overflow: hidden; height: 120px; width: 120px; margin: 0 8px 8px 0; text-align: center;}
div#Photos #flickr li:hover {box-shadow: 0 3px 3px 0 #848484; transition: box-shadow 400ms linear;}
div#Photos #flickr a {display: block; position: absolute; left: -30%; top: -20%;}
div#Photos #flickr a img {}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Photos">
<ul id="flickr">Loading...</ul>
</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Ошибка при парсе JSON
Моя регулярка работает медленноКак ускорить процесс? Например, у меня есть такой хтмл текст test1<div>test2</div>
Подскажите, как в AJAX jQuery, сделать обновление одного конкретного <div>, без перезагрузки страницы: