JAVASCRIPT 17
Flickr.js Guest on 21st September 2020 09:36:44 PM
  1. /*
  2.  * Widgets for Social Network photo stream.
  3.  *
  4.  * Author: Pixel Industry
  5.  * Website: http://pixel-industry.com
  6.  * Version: 1.4
  7.  *
  8.  */
  9.  
  10. (function ($) {
  11.     $.fn.socialstream = function (options) {
  12.         var defaults = {
  13.             socialnetwork: 'flickr',
  14.             username: 'pixel-industry',
  15.             limit: 6,
  16.             overlay: true,
  17.             apikey: false,
  18.             accessToken: '',
  19.             picasaAlbumId: ''
  20.         };
  21.         var options = $.extend(defaults, options);
  22.         return this.each(function () {
  23.             var object = $(this);
  24.             switch (options.socialnetwork) {
  25.                 case 'flickr':
  26.                     object.append("<ul class=\"flickr-list\"></ul>")
  27.                     $.getJSON("https://api.flickr.com/services/rest/?method=flickr.people.findByUsername&username=" + options.username + "&format=json&api_key=32ff8e5ef78ef2f44e6a1be3dbcf0617&jsoncallback=?", function (data) {
  28.                         var user_id = data.user.nsid;
  29.                         $.getJSON("https://api.flickr.com/services/rest/?method=flickr.photos.search&user_id=" + user_id + "&format=json&api_key=85145f20ba1864d8ff559a3971a0a033&per_page=" + options.limit + "&page=1&extras=url_sq&jsoncallback=?", function (data) {
  30.                             $.each(data.photos.photo, function (num, photo) {
  31.                                 var photo_author = photo.owner;
  32.                                 var photo_title = photo.title;
  33.                                 var photo_src = photo.url_sq;
  34.                                 var photo_id = photo.id;
  35.                                 var photo_url = "https://www.flickr.com/photos/" + photo_author + "/" + photo_id;
  36.                                 var photo_container = $('<img/>').attr({
  37.                                     src: photo_src,
  38.                                     alt: photo_title
  39.                                 });
  40.                                 var url_container = $('<a/>').attr({
  41.                                     href: photo_url,
  42.                                     target: '_blank',
  43.                                     title: photo_title
  44.                                 });
  45.  
  46.                                 var tmp = $(url_container).append(photo_container);
  47.                                 if (options.overlay) {
  48.                                     var overlay_div = $('<div/>').addClass('img-overlay');
  49.                                     $(url_container).append(overlay_div);
  50.                                 }
  51.                                 var li = $('<li/>').append(tmp);
  52.                                 $("ul", object).append(li);
  53.                             })
  54.                         });
  55.                     });
  56.             }
  57.         });
  58.     };
  59. })(jQuery);

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.