cancel
Showing results for 
Search instead for 
Did you mean: 

Insert flickr photos in posts

Tamlyn
Grafter
Posts: 268
Registered: 11-04-2007

Insert flickr photos in posts

On the back of the sheffield flood photos thread we thought it would be cool to be able to insert photos into threads without leaving the site. So today I knocked up a simple script that uses jQuery to load photos from flickr using the API and display thumbnails below the post text area in the forum. Clicking on a thumbnail adds the relevant bbcode.
You can see a demo here http://community.plus.net/flickr-test/ ; (click on 'Additional Options' to expand it)
It currently just loads the first 100 pics tagged 'barcampsheffield' but once we add a field for your flickr username in smf, it will load your most recent photos by default. You'll also be able to search by tag for other people's photos.
It's just a proof of concept so far but what do you think? Ideas/suggestions welcomed.
22 REPLIES
Community Gaffer
Community Gaffer
Posts: 4,917
Thanks: 190
Fixes: 4
Registered: 04-04-2007

Re: Insert flickr photos in posts

AWESOME!  Shocked
pdavidson
Grafter
Posts: 147
Registered: 08-06-2007

Re: Insert flickr photos in posts

That's amazing, it would make my (forum) life SO much easier!
Ianwild
Grafter
Posts: 3,835
Registered: 05-04-2007

Re: Insert flickr photos in posts

Wicked - When can I use it...
I just got an N95, so that's ability to upload pictures directly to Flickr and this to push them straight into a post opens a lot of doors :-)
Ian
Superuser
Superuser
Posts: 8,959
Thanks: 453
Fixes: 38
Registered: 06-04-2007

Re: Insert flickr photos in posts

Quote from: Ianwild
...
opens a lot of doors

Hope that isn't an unfortunate turn of phrase Wink
David
David
Community Veteran
Posts: 6,111
Thanks: 1
Registered: 05-04-2007

Re: Insert flickr photos in posts

Looks good - with over 1500 photos on Flickr, I can see it coming in useful for me some time.
Tamlyn
Grafter
Posts: 268
Registered: 11-04-2007

Re: Insert flickr photos in posts

Demo updated: http://community.plus.net/flickr-test/
TODO:
* pagination
* remove from "Additional Options..." and put in "Insert Flickr Photo..."
* save your flickr username to save typing it in
* allow browsing by sets/collections
* better styling
* fix the code so it's a bit less ugly
other suggestions?
Community Veteran
Posts: 6,111
Thanks: 1
Registered: 05-04-2007

Re: Insert flickr photos in posts

I'd suggest this: if a username is given, make the tag search only search that username's photos. Also don't just limit it to tags, but allow it to search title/description text too. (Although I admit it could be doing that already; I haven't checked to be certain - I'm just going by the fact it's called 'tag search'.) Otherwise it looks good though! A unique but very handy forum mod. Smiley
Tamlyn
Grafter
Posts: 268
Registered: 11-04-2007

Re: Insert flickr photos in posts

Now live, check it out... treat it as a functional demo as it still clearly needs work. I think a tabbed interface with 'My Photostream', 'Search my photos' and 'Search all photos' might be the best way to do it.
Community Gaffer
Community Gaffer
Posts: 4,917
Thanks: 190
Fixes: 4
Registered: 04-04-2007

Re: Insert flickr photos in posts

Awesome!  Now you just need to add pagination! Smiley
Tamlyn
Grafter
Posts: 268
Registered: 11-04-2007

Re: Insert flickr photos in posts

Quote from: Kelly
Awesome!  Now you just need to add pagination! Smiley

pagination added. it's built into the flickr api so it was pretty straightfoward. Looks a bit funny now when flipping between pages cos the height of the div keeps changing. Need to make the loading animation go *over* the images rather than replacing them.
Community Gaffer
Community Gaffer
Posts: 4,917
Thanks: 190
Fixes: 4
Registered: 04-04-2007

Re: Insert flickr photos in posts

Woo!
Liam
Grafter
Posts: 2,083
Registered: 04-04-2007

Re: Insert flickr photos in posts

Looking good Kelly...
... and for random onlookers - Yes - that is Kelly!
Simon_M
Grafter
Posts: 684
Registered: 05-04-2007

Re: Insert flickr photos in posts

Quote from: Liam
Yes - that is Kelly!

I can think of sooooo many comments!  Shocked
Actually, I already knew that Plusnet's Head of Quality Assurance was a rocker, but I remember when Kelly's name first appeared, I had this mental image of a demure little lady.
BarCamp was the giveaway.
Community Gaffer
Community Gaffer
Posts: 4,917
Thanks: 190
Fixes: 4
Registered: 04-04-2007

Re: Insert flickr photos in posts

Were you at barcamp then?  Or just looking at the photos?

I reckon this flurry of posts with images in of mine will have stopped by tomorrow Smiley