Databases
StackOverflow2013
Postsdbo
POSetting a custom size of thumbnails images pulled from JQUERY/FLICKR API
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSetting a custom size of thumbnails images pulled from JQUERY/FLICKR API
    text
    copied!<p>I am adding a gallery to a website and I want to pull the images from a flickr account.</p> <p>I have it working but I would like to set a custom size to the thumbnails not just the small , meduim and large, css works for the frame but the image inside gets distorted so can the size be set in jquery ??</p> <p>the code im using (my api and id are 00000 for this post only) to pull the flickr feed is:</p> <pre><code>$(function() { var apiKey = '000000000000000000000000000000'; var userId = '000000000'; var tag = 'gsow,cycle,event'; var perPage = '20'; var showOnPage = '8'; $.getJSON('http://api.flickr.com/services/rest/?format=json&amp;method='+ 'flickr.photos.search&amp;api_key=' + apiKey + '&amp;user_id=' + userId + '&amp;tags=' + tag + '&amp;per_page=' + perPage + '&amp;jsoncallback=?', function(data){ var classShown = 'class="lightbox"'; var classHidden = 'class="lightbox hidden"'; $.each(data.photos.photo, function(i, rPhoto){ var basePhotoURL = 'http://farm' + rPhoto.farm + '.static.flickr.com/' + rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret; var thumbPhotoURL = basePhotoURL + '_s.jpg'; var mediumPhotoURL = basePhotoURL + '.jpg'; var photoStringStart = '&lt;a '; var photoStringEnd = 'title="' + rPhoto.title + '" href="'+ mediumPhotoURL +'"&gt;&lt;img src="' + thumbPhotoURL + '" alt="' + rPhoto.title + '"/&gt;&lt;/a&gt;;' var photoString = (i &lt; showOnPage) ? photoStringStart + classShown + photoStringEnd : photoStringStart + classHidden + photoStringEnd; $(photoString).appendTo("#flickr"); }); $("a.lightbox").lightBox(); }); </code></pre> <p>});</p> <p>anyone ever have this issue?</p> <p>cheers </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload