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 22
Kelly
Hero
Posts: 5,497
Thanks: 380
Fixes: 9
Registered: ‎04-04-2007

Re: Insert flickr photos in posts

AWESOME!  Shocked
Kelly Dorset
Ex-Broadband Service Manager
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
spraxyt
Resting Legend
Posts: 10,063
Thanks: 674
Fixes: 75
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
Be3G
Grafter
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?
Be3G
Grafter
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.
Kelly
Hero
Posts: 5,497
Thanks: 380
Fixes: 9
Registered: ‎04-04-2007

Re: Insert flickr photos in posts

Awesome!  Now you just need to add pagination! Smiley
Kelly Dorset
Ex-Broadband Service Manager
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.
Kelly
Hero
Posts: 5,497
Thanks: 380
Fixes: 9
Registered: ‎04-04-2007

Re: Insert flickr photos in posts

Woo!
Kelly Dorset
Ex-Broadband Service Manager
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: 685
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.
Kelly
Hero
Posts: 5,497
Thanks: 380
Fixes: 9
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
Kelly Dorset
Ex-Broadband Service Manager