Comments on: Create a Photostream Using jQuery and the Flickr API

By: Justin Spradlin

Justin Spradlin — Thu, 01 Dec 2011 18:31:17 +0000

Glad you got everything figured out Mike!

By: Mike

Mike — Thu, 01 Dec 2011 17:27:05 +0000

Ignore my question, got everything figured out. Just need to figure out how to have four sets of thumbnails that link to four different tags.

By: Mike

Mike — Wed, 30 Nov 2011 22:27:41 +0000

Hey Justin,

Having a really hard time getting the lightbox to properly show up, everything else works, but when the thumbnail is clicked, it just goes directly to the flickr static imageview.

Testsite url is: http://kinnill.com/dev/website/projects.html

Thanks.

By: Chirag

Chirag — Tue, 04 Oct 2011 13:53:33 +0000

Hi Justin,

Your code really help me get started in what I am building.. thanks a ton mate!!

By: Rob

Rob — Tue, 12 Jul 2011 05:44:36 +0000

Great info. I’ve definitely bookmarked it! Here’s a question… is it possible to pull, for example, 30 images and have a link or button to click for the next page with 30 more… with a link to click for 30 more… etc? And is it possible to get the description/caption as well as the title for the photos?

By: bill

bill — Wed, 04 May 2011 14:37:51 +0000

hi great tutorial works really well.

I there anyway to set a custom size for the thumb nail images and not just the flick API set “small” “meduim” and “large”.

I would like to keep the thumbs in a uniform size in relation to other images im working with.

Css width and height works buts distorts the images

any body any ideas??

cheers

By: Justin Spradlin

Justin Spradlin — Thu, 21 Apr 2011 05:46:09 +0000

Hey Laura,
I’m not sure off the top of my head, but I’m sure it’s possible. Try using firebug (with Firefox) or the Chrome developer tools to inspect the image element in order to see how the height property is being set.

By: Matt Duffy | Flickr Plugin Development – Week 3

Matt Duffy | Flickr Plugin Development – Week 3 — Wed, 20 Apr 2011 04:48:44 +0000

[...] doing, I wanted to get a handle on the flickr api and pulling information from it, with the help of some tutorials, I was able to put together a basic gallery of images using the direct link to flickr’s [...]

By: Laura Burgin

Laura Burgin — Mon, 18 Apr 2011 14:39:38 +0000

Hi Justin, thank you for your answer. I meant to ask how can I ask the maximum height of the images..that’s what seems to be set at 500. I would like it to pop up at it’s original size.

Thanks again!!

By: Justin Spradlin

Justin Spradlin — Sun, 17 Apr 2011 21:48:58 +0000

Hi Laura,
The height of the pop up should adjust to the height of the image. Go to http://www.justinspradlin.com (homepage) and click on the images at the bottom. As you scroll through them you will notice the image height changes.

By: Laura Burgin

Laura Burgin — Fri, 15 Apr 2011 16:13:59 +0000

Awesome script, thank you so much! Just one quick question: how can I change the height of the pop-up images? Right now they open at 500px, but I would like to increase that. Changing the height in this style does not seem to work:

#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}

Thank you for your help!

By: Justin Spradlin

Justin Spradlin — Wed, 23 Mar 2011 14:43:08 +0000

Hi Matt,
You can find your user id by typing in your Flickr user name into this page:

http://www.adamwlewis.com/articles/what-is-my-flickr-id

By: Matt

Matt — Wed, 23 Mar 2011 12:11:24 +0000

Hi Justin…. This app is just what I’ve been searching for but one very simple question.

Is the ID your screen name or the “secret”number they give you when you get your API key?

By: Justin Spradlin

Justin Spradlin — Tue, 18 Jan 2011 14:28:49 +0000

Siobhan,
Sure you can just format the images that are returned in any manner you wish using HTML and CSS. Good Luck!

By: Siobhan

Siobhan — Sun, 16 Jan 2011 19:43:39 +0000

This is great. Got it to work fine, however just wanted to know if it is only capable of showing one row of images. For example, if I set the ShowOnPage variable to 20, will it extend off the page and therefore create a horizontal scroll bar? Is there any way to have multiple rows?

By: Justin Spradlin

Justin Spradlin — Sat, 15 Jan 2011 05:20:02 +0000

Hi Kevin,
You can get different size photos if they are available. See this documentation from Flickr: http://www.flickr.com/services/api/flickr.photos.getSizes.html

For the border color and drop shadow you should just be able to use CSS.

By: Kevin Brown

Kevin Brown — Thu, 13 Jan 2011 00:05:03 +0000

Thanks for the tutorial, Justin. Awesome stuff! I was wondering if you could change the size of the thumbnails, change the color of the border, and add a css drop shadow?

Here is what I would like to replicate using Flickr.

http://thisisnebraska.com/fb_facilities.php?sport=fb

Thanks!

By: Justin Spradlin

Justin Spradlin — Sat, 08 Jan 2011 18:53:58 +0000

Nice work Chris!

By: Christopher Hill

Christopher Hill — Fri, 07 Jan 2011 15:25:06 +0000

Please check out this example this, is something i developed for a client and am looking to write up a full tutorial.

http://www.chillwebdesigns.co.uk/flickr/chillbox.html

K.R

Christopher Hill

By: Justin Spradlin

Justin Spradlin — Wed, 22 Dec 2010 00:08:30 +0000

@Amanda sure. Check out the flickr api for all the details on what is possible: http://www.flickr.com/services/api/

By: Amanda

Amanda — Tue, 21 Dec 2010 15:16:17 +0000

hi Justin
Great tutorial. Thanks heaps for it .Been looking for something like this for while. Just wondering could this be used to get flickr group photos with tags?. Soz new to this api and java.
thanks
Amanda

By: Justin Spradlin

Justin Spradlin — Sat, 13 Nov 2010 03:02:47 +0000

Hey Dan,
You could probably use a randomizer. Maybe something like this:

http://www.helloandroid.com/tutorials/flickr-api-random-image-goodness

By: Daniel Winnard

Daniel Winnard — Thu, 11 Nov 2010 11:51:03 +0000

Hi Justin,

This is a great tutorial. I was wondering whether or how you would go about setting this to randomly generate the images.

I have set my perPage to 50 and the showOnPage to 9. I would like to randomly generate from that 50 every time the page refreshes but I have no idea how to do that or if it is possible.

Any help would be great.

By: Dave

Dave — Wed, 15 Sep 2010 16:57:40 +0000

Hey Justin, thanks for the resource! its been a great help :)
by the way, nice blog you have here..

cheers!

By: Iain

Iain — Mon, 19 Jul 2010 21:15:22 +0000

Hi Justin,

Please ignore my earlier question, I have sorted it now.
I was using my screen name instead of the user ID.

Thanks very much for the tutorial, it will prove very useful!

Kind regards
Iain