[WordPress plugin] Flickr foto info

If you embed Flickr photos on your site you can always link them to the original page where visitors to your site can get all the details but that is not really a good user experience as it sends the visitor away from your blog. I don’t really like how Flickr almost hides away the link to EXIF and the location map. Also at least for Central India Google Maps has a better resolution than Yahoo Maps which Flickr uses. This plugin was written to itch these irritating factors.

So what does this plugin really do? Well with a bit of javascript magic it places a small toolbar over images in your post which are from Flickr when you hover your mouse over them. Guess a bullet point list of features is called for here.

Uses the inbuilt jQuery and Thickbox scripts.
Most calls to the Flickr API are done on the client side – so there is minimal additional load or delay on the server.
If your photo has geo-location data embedded, shows it as a marker on Google map with reverse geo-location to fetch the place name
Shows most interesting EXIF data first with option to show the complete raw data
Shows information like title, description, number of views and comments, tags on the photo, sets and pools the photo belongs to and links to various sizes if there is permission

All this information is shown in a Thickbox thus your visitor need not navigate away from your site.

Installation

Upload the folder ‘flickr-foto-info’ into your to the ‘/wp-content/plugins/’ folder
Activate the plugin through the ‘Plugins’ menu in WordPress
To configure plugin options go to ‘Settings’ -> ‘Flickr foto info’ navigation link.
You will have to enter and your flickr API key for this plugin to work. Flickr API key. You will also have to enter your Google Maps API key
Visit a post which has a Photo from Flickr embedded – hover the mouse of the photo to see the toolbar.

Demo: Click here

Download: Click here

Feedback, suggestions, patches, bug reports most welcome.

About this entry

You’re currently reading “ [WordPress plugin] Flickr foto info ,” an entry on SANIsoft – PHP for E Biz

Published:: 3.8.10 / 9:24am

Category:: PHP, Wordpress

Author:: Tarique Sani

: RSS for this Author

John Rappold 3.13.10 / 6:03pm

This is a great plugin and I really like how it works within a post. One suggestion I would like to give is to maybe write a conditional that does not display the map marker icon if the photo has no geo information.

Also, on the photos I checked, the basic EXIF data was not displayed, although all of the additonal info was there when I click the link to see more.

Last, if I have the original web page is zoomed using CTRL+, the thickbox window does not wrap the EXIF data correctly, however, the map does resize correctly.

Thanks again for this plugin.

Tarique Sani 3.13.10 / 6:26pm

Thanks for the feedback. Checking the Geo Data before hand will mean another API call just to see if it is there – this is something I do not wish to do. If you can show me an example of a picture which is not displaying basic EXIF correctly I will take a look into it and hopefully fix it in the next release

John Rappold 3.14.10 / 3:15am

Thanks for the quick replu.

Here’s a post with a pic from an Olympus cam:

http://johnrappold.org/photoblog/?p=761

And another one from a Nikon

http://johnrappold.org/photoblog/?p=758

Tarique Sani 3.15.10 / 12:53pm

John, Please try with http://downloads.wordpress.org/plugin/flickr-foto-info.zip – if it works I will make a release. Thanks

John Rappold 3.20.10 / 7:30pm

Sorry for taking so long to get back to you n this. I installed the new versiom, and now no EXIF datqa is displayed. The other screens work fine. You can check by going to the same posts I mentioned above.

Thanks,
john

Tarique Sani 3.20.10 / 7:48pm

Hi John, Please try downloading again… and let me go how it goes. Thanks

John Rappold 3.21.10 / 7:04pm

It is working now. Great! Thank you.

Rutger Blom 5.16.10 / 1:43pm

Nice plugin. I was just wondering if the photo needs to be embedded from Flickr. The photos on my photoblog are hosted somewhere else, but a Flickr photo ID is included with every post. Is there some way I could make your plugin work in this scenario?

Thank you.

Jens 5.22.10 / 9:09pm

Hi!

I like the plugin! Very nice!
The only problem on my website is, that the information isnt showing up in a thickbox, but just on a seperate website..

Any idea what could be the problem?

Thanks,

Jens

Tarique Sani 5.24.10 / 9:37am

Is there a URL which I can look at? Most likely Thickbox script is not loading

Dave C 6.21.10 / 2:31am

Cool plugin, however it looks as if it doesn’t work for the Small photos, only medium and larger for me. Check http://www.tiredofit.ca for information and examples, try a recent post.

Tarique Sani 6.21.10 / 10:11am

Yes it works only of medium size and large size – it is a design decision!

Dave C 6.30.10 / 9:12pm

Would there be any way that I could make this work with ‘s’ ? I post most my images with that size.

Tarique Sani 6.30.10 / 10:22pm

Yes, you can. Open the file flickr_toolbar.js and remove ‘_s|’ from the regular expression in line 3

Dave C 6.30.10 / 10:53pm

re = new RegExp(”, ‘i’);

Is my new string, however it still doesn’t appear. Weird!

Tarique Sani 7.1.10 / 9:50am

Not weird at all you removed the entire regex which detects flickr photos just remove the ‘_s|’ part

M C 8.12.10 / 2:29am

Hi, this is exactly what I’m looking for, but it doesn’t work for me…
I included the Flickr API key, as well as the Google Maps key… and nothing changes.

Does it go through old posts and add the comments in? Or does it only apply to new posts?

Thanks!

M C 8.12.10 / 2:40am

Actually it works, but it doesn’t work for small pictures (I just read one of the previous posts… and this was a design decision?) Is it possible to make it work for small images too??

Deepesh Divakaran 8.18.10 / 11:19pm

Hi,
I can not get the plugin to show the Exif Data – gives me this message – Additionally Flickr said: Permission denied
What am I doing wrong? Do I need to set something up on Flickr other than getting the API?

Tarique Sani 8.19.10 / 10:11am

Deepesh – most likely you have set up flickr such that it does not show EXIF data to viewers. Try changing that on Flickr

SANIsoft

[WordPress plugin] Flickr foto info

About this entry

20 Comments

Have your say

About this blog

Recently

Categories