API Flickr JavaScript

205
25 января 2018, 20:51

Добрый вечер! Помогите разобраться, почему не работает данное чудо =(

// 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>

READ ALSO
Как сделать быстрый поиск с помощью регулярного выражения?

Как сделать быстрый поиск с помощью регулярного выражения?

Моя регулярка работает медленноКак ускорить процесс? Например, у меня есть такой хтмл текст test1<div>test2</div>

167
Обновление div в AJAX без перезагрузки

Обновление div в AJAX без перезагрузки

Подскажите, как в AJAX jQuery, сделать обновление одного конкретного <div>, без перезагрузки страницы:

146