looks like this
•Description
This plugin instantly adds photo’s exif data window on its image. The window will open/close by clicking the image. You have nothing to modify your entries to add this feature!
•Requirements
WordPress 2.5 environment
*Tested with IE7/8, FireFox, Safari. This plugin is not compatible with IE6.
•Install
Place files into your /wp-content/plugins/ directory and activate through the administration panel.
•Settings
This plugin does not have any option panel.
At version 0.0.4, I added preference panel to turn on/of displaying items. Also, there’s master switch to check validation of exif data for some cameras which will not export focus length data such as Leica.
•CSS
This plugin adds some ids on your entry. If you want, you can modify your CSS to change style.
class: display_exif_outer
Out most rectangle of exif window.
class: display_exif_title
Each title’s rectangle.
class: display_exif_value
Each value’s rectangle.
class: display_exif_img_outer
Image container’s rectangle.
•Usage
This plugin checks following attributes on IMG tags.
<img src="http://www.example.com/wp-content/uploads/2009/08/sample.jpg" alt="" title="" width="490" height="380" class="alignnone size-full wp-image-12345" />
•width="490"
The plugin checks this value to decide width of exif window so do not remove.
•class="alignnone size-full wp-image-12345"
The plugin uses those class-names for exif window (especially the last one). If you remove them from your entry, the exif window will not open (plugin cannot find the window).
•Note
According to WordPress’s specification, if you write IMG tag, please insert more than one returns at end of tag line. Otherwise WordPress does not add P tag at beginning of following sentences. If you write next sentences without returns, maybe font size changes to default size.
This is photo’s exif thing so it is rare case to put the same image at the same page, but in that case, the media library automatically adds the same class name on each images. This plugin checks its class name to separate exif window so if you do so, the plugin will confuse. If you want to put the same image more than two places, add some character at end of its class name.
e.g.: wp-image-12345 => wp-image-12345B
This plugin filters following standard functions.
•the_content
Therefore if your theme file does not support this function to display entry, the plugin will not modify your IMG tags.
•Trouble Shoot
This pulgin checks exif data instantly so if your photo’s exif matches following condition, plugin will automatically skip displaying exif window.
•Focus Length is over 3000mm
•Focus Length is less than zero
If your camera did not export focus length data to exif, it is not possible to display exif data, but by modifying one line, you can display exif data without focus length;
original code is:
if( $exif && $div_id && $exif[ 'FocalLength' ] < 3000 && $exif[ 'FocalLength' ] > 0 ) {
to change like this:
if( $exif && $div_id ) {
*If exif data was broken, this plugin does not show anything.
•Download
via WordPress.org
•Versions
* Aug 29 2009 – v0.0.1
- Initial release
* Aug 30 2009 – v0.0.2
- Public release
* Aug 30 2009 – v0.0.3
- Minor adjustment
* Aug 31 2009 – v0.0.4
- Added preference panel to switch on/off display item, etc..
* Aug 31 2009 – v0.0.5
- WordPress native gallery supported. thanks Matt!
* Aug 31 2009 – v0.0.6
- now it is compatible with lightbox
* Aug 31 2009 – v0.0.7
- more detail – exif data
- if you cannot see additional options at preference panel, press ‘submit’ button.
* Sept 04 2009 – v0.0.8
- mouse over/out to display exif option
* Sept 05 2009 – v0.0.9
- support image alignment such as align center etc.
* Sept 11 2009 – v0.1.0
- fixed: if original size and display size were different, image had been trimmed.
* Sept 11 2009 – v0.1.1
- fixed: suport different types of focal length such as D700.
•If you like this
If you like this plugin, writing small entry on your blog and trackbacking to this entry makes me really really happy!
62 Responses to “WP Plugin: Display Exif”
Trackbacks
Leave a Reply
TrackBack URL : http://www.vjcatkick.com/blog/wp-trackback.php?p=11751
August 31st, 2009
This look like a really cool, fun plugin, but the two sites I have tried this plugin on, it breaks the [gallery] shortcut. Any idea’s how I can use this plugin with a native WordPress gallery?
August 31st, 2009
Thanks Matt! I just uploaded ver0.0.5 to support native WP gallery. Please wait few moment and download it from repository.
Again, thank you pointing this issue ! (your name on my source code!)
*check this site ( http://www.vjck.com/prototypes/ ) how it works.
August 31st, 2009
Warning: exif_read_data() [function.exif-read-data]: Unable to open file in /xxxx/xxxx/wp-content/plugins/display-exif/display_exif.php on line 109
August 31st, 2009
If server did not support exif_read_data, you will see this error message. Only thing that you can do is asking server administrator to re-compile PHP software on your server with ‘–enable-exif’ option.
September 4th, 2009
Hi..
Could it be possible to have the exif been shown when hoverin over the image? So you wouldnt have to click..
J
September 4th, 2009
Umm, I think if I changed to just ‘mouse over’ for this, maybe the page will be heavy, but I can do this (maybe, I have to test it).
Plz keep watching version number and if I added this function, I will add section about this at ‘setting’ area.
thanks for idea.
September 5th, 2009
Hi V.J.
Congratulations! You did a great job! I like very much your plugin, especially since you introduced the mouse over option.
The only problem I have is that if I enable your plugin (this happen even with v.0.0.9) the alignment of the text is changed to left and even worse, the space between text and pictures is dissapearing, It is very interesting that this happen only to pictures that includes exif information.
I mention that I use P2 theme (Prologue).
Thanks for your great work!
September 5th, 2009
Hi mihai,
I’ve just tested this plugin with P2 theme (see http://www.vjck.com/prototypes/) and here is solution for this fix.
1) When you use align-right or align-left, the space between text and image will become zero.
a) This is easy CSS problem. Adding following code at bottom of your style.css file.
.alignleft {margin-right: 1.0em;
}
.alignright {
margin-left: 1.0em;
}
If you want, you can change width of space e.g. 1.0em, 15px, etc.
2) Floating section issue.
a) When you use floating images (such as align-left) if total paragraph height beside image is shorter than image height itself, you must finish with BR tag with clear option.
<img src="..." .... />text text text text<br clear="all" />Plz try this and if I misunderstood the issue, comment here again. Thanks!
September 6th, 2009
Hi V.J.
I did the change and now works perfectly! THANK YOU!
One more thing… I have also a PhotoBlog that uses a Premium Theme. I tried to use your plugin but it does not work at all. I suppose that the problem is because the pictures are not in the default place but in this folder: wp-content/thumbnails
Is it possible to tell me what I have to do in order to make the plugin to see the pictures from that directory?
Again, many thanks in advance for your great work!
Mihai
September 6th, 2009
Hi mihai,
This plugin pulls image’s url from your entry so the place of image does not matter. If you show me the site url, I can help you maybe.
September 6th, 2009
Hello V.J.
Sure I can give you the URL! Please see http://www.existentiale.ro
Thanks!
September 6th, 2009
Hi mihai,
I opened the page and it was displayable but it had one error so page rendering did not finished. The error is following:
jQuery("ul.sf-menu").superfishis not a functionThis means one of your plugin or part of your theme uses undefined function. To find out where problem is, remove all plugin, and add one by one. When you try to do this, FireFox browser is very helpful to find out error (check small red exclamation mark at top-right of your window). You can forget about ‘warnings’, but if your site has error, any (including mine) plugin has possibilities of malfunction.
please check the error.
September 7th, 2009
Hello,
That error was produced by Google Analycator plugin and I dezactivated it but no change regarding Display Exif.
What is interesting about the theme I use is that it does not uploads the pictures the classic way of WP but is built that way to instead use: Super Image Plugin that:
“Easily add thumbnail images to your posts. Brought to you by Press75.com”
It seems that this plugin is using several Java Scripts like jquery.superfish.
Any other thought?
September 7th, 2009
Hi,
I’ve just checked again and I could not find my script on your page. Could you please activate my plugin so I can find what happened at the page.
Here’s something you should know.
a) image thumbnails at top page: those images are maybe generated by the plugin so it does not have exif.
b) when you click those thumbnails (new window comes up), maybe that window is generated by JavaScript. This means there’s possibilities it is non-standard wordpress page.
c) individual entry page, my plugin should work on this page, but it did not.
V.J.
September 7th, 2009
Hello again!
I activated the plugin to see how it works.
1. The thumbnails are OK to NOT show the exif. I do not expect that.
2. If you click on images, it are expanded with Lightbox effect. No exif appears…
3. If you click on the name of the post, the new page is dsplayed… the picture does not show the Exif and something interesting happens only when I activate this plugin: on the very top of the page you can see the text of the post again… that’s very strange.
Waiting with impatience on your input!
Mihai
September 7th, 2009
Hi,
Finally, I found what happened on your site.
A) Lightbox: this plugin compatible with lightbox but this means it only lives with it, not display exif at lightbox window.
B) Individual page, the image is looks like normal image, but it is still thumbnail, therefore the plugin cannot find ordinary img tags at each entries. So, it’s bad, but my plugin is not compatible with this theme.
Maybe this theme file (i do not know this theme) does not use
the_contenttag at each entry. Again, sorry, there’s nothing I can do for this.September 8th, 2009
Hi V.J.
I understand. Thanks anyhow for all your efforts!
Mihai
September 17th, 2009
Awesome! Exactly what I was looking for. But i suspect this works only with images uploaded by WordPress, right? Would be so great if this would work on images linked from Flickr as well, is there any chance?
Manuel
September 17th, 2009
Whoops, forgot the error:
Warning: exif_read_data(3923462560_1ce1a67b9f.jpg) [function.exif-read-data]: Incorrect APP1 Exif Identifier Code in /is/htdocs/wp1073384_REO57T6EI1/www_manuelmartensen/wp-content/plugins/display-exif/display_exif.php on line 125
September 17th, 2009
Hi,
Uploading images to Flickr, or other service, most of them rebuild those images by themselves. Therefore in most case, the exif data will be broken. I will try but there’s only small chances there.
The error which you saw is:
a) your server does not completely compile exif option
or
b) the exif data which you want to display is broken by some reason.
If I can see the image with error, I will advice (or I can fix) this issue.
V.J.
September 17th, 2009
hello. i want to start by congratilating you for making the most aesthetically pleasant exif reader plugin for wordpress.
but i have 2 problems/suggestions:
1. it will be nice if this plugin wont use the build in function of PHP server “exif_read_data()” to read the metadata. i have 2 accounts on 2 different host and both of them have installed the php server with exif option disabled.
i hope in the future you will make using the exifer library, so this plugin can be usable on all hosts.
2. maybe in the future you will make this plugin able to read exif geo-tag, and linking to google maps.
p.s. take a look to this plugin that work with the exifer library
http://pos51.org/wordpress-plugin-wp-gallery-exif-reader/
thank you
September 18th, 2009
HI,
Well, the easiest way to read exif data is using PHP library but as you wrote some servers did not compile with exif option. I will do something for this in near future, but current version is not support yet.
The external lib which you suggested is looks wonderful. I will check the source code and if I can merge this into mine, I will try.
Geo tag support is not difficult thing, but I do not have GPS solutions now and I could not tested this. This is in my To-Do list, too.
Thank you suggestions!!!
September 18th, 2009
thank you for your quick response and support to my suggestions.
i didn’t understand what you said about “GPS solutions”. If you referring of inserting a geotag into exif of a photo, they are many programs that do this.
some discussions about programs here:
http://www.flickr.com/groups/geotagging/discuss/72157600792221207/
http://www.flickr.com/groups/geotagging/discuss/72157603517461700/
i personally use Breezebrowser and google earth. but a free and multi OS solution is Picassa 3 & Google Earth 5.
some discussion about geotaging and wordpress here:
http://www.kristarella.com/2008/12/geo-exif-data-in-wordpress/
http://notions.okuda.ca/mg2-hacks/exif-parser/
September 28th, 2009
Hello,
I’m building a photo portfolio and I wanted to use you plug-in to display the exif data from the photos. However, I installed it, activated it, configured it and nothing, absolutely nothing happened.
I know some photos don’t even have EXIF data, but still, the plug-in does not work with the ones that do.
here’s the example page for a photo with exif data:
http://www.prdktz.com/photos/271/
hope you can tell me what the problem is.
thank you.
September 28th, 2009
Hi Grace,
I saw your page and the plugin looks working (but nothing happen when clicking photo as you said).
There’s some reasons:
a) theme file does not use ‘the_content’ function to display entry: please check single.php for example.
b) some other plugin which you installed ‘over write’ mine (less possibilities)
If the theme file which you are using now is ‘downloadable’, please tell me url so I can check this. if not (such as your original) send me ‘single.php’ or ‘index.php’ by email (you can find my email address at ‘retagr’ icon at top of sidebar at ‘top page’.
thanks
September 28th, 2009
sent you an email.
thanks for all your help.
September 28th, 2009
ive got your email and it looks fine. umm.
by the way, i’ve checked your photo at
http://www.prdktz.com/photos/271/
this photo did not contain exif data…. do you have any other examples?
September 28th, 2009
Ah, I’ve got it.
The image that you are watching on your web site is ‘generated by WordPress’ thumbnails, therefore the exif data had been lost. The image file name where on your web site is ‘Nortec-01-750×501.jpg’, and on your computer, maybe it was ‘Nortec-01.jpg’ or ‘Nortec.jpg’ …
When you upload image (off course by WordPress), if you selected other than ‘original’ size radio button, WP will re-create image file on your server (yes, there’s original, too). WordPress’s image generating logic (actually, this is PHP software on your server) does support only image data.
Therefore the image which you see on your web site does not contain exif dat even your original had. Please try ‘original’ size at your test entry with image which contain exif data.
September 28th, 2009
Thanks for the cool plugin! When the EXIF screen appears over the image, when the mouse is moved ever so slightly, the EXIF screen flicks on and off hundreds of time durinf this slight mouse movement. Is there a fix for this?
Thanks!!
September 29th, 2009
Tried with the original image and it worked! thanks a lot :)
September 29th, 2009
Forgot to mention that the screen flickering issue seems to be related to the Firefox browser.
September 29th, 2009
hi Patrick,
There’s plan to update this fix, but currently I don’t have enough time to do this. So until that, please use with ‘click to display exif’.
February 6th, 2010
I got that same error:
Warning: exif_read_data() [function.exif-read-data]: Unable to open file in /srv/www/htdocs/web92/html/wp-content/plugins/display-exif/display_exif.php on line 125
But phpinfo says exif is enabled.
What to do?
February 6th, 2010
Hi Marcello,
In your case, the function is working, but the file cannot open in some ways such as incorrect filename, bad path name and so on. If you are familiar with PHP code, add following code in source file between line 125 and 124:
print_r( $filename );So you can see the string which program passes to the function on your screen. If you are not, plz show me (or email me) raw code of sample entry so I can find what happened on your site. When you copy & paste entry, plz use html editor mode so I can see html code, too.
February 18th, 2010
Ok i did what you said, and now the path to the thumbnail is shown, but i’m not sure if the thumbnail holds the exif data!?
The Message looks like this now.
http://marcellofolio.ch/wp-content/uploads/2010/02/thebook-300×225.jpg
Warning: exif_read_data() [function.exif-read-data]: Unable to open file in /srv/www/htdocs/web92/html/wp-content/plugins/display-exif/display_exif.php on line 125
I’m not sure which peace of code you need, but of course i can send it, in the meantime you may have a look on the site, i’ll leave the plugin active for now, so you can see the error and what may cause it!
Thanks and best regards
- Marcello
February 18th, 2010
Ah ha, finally I understand your situation now. a) this plugin does not compatible with thumbnail images, and b) you are using lightbox (or something like that, plugin which enlarges images within parent window) and again this plugin does not compatible with it.
So, here’s new idea for next version, i will add ‘on/off’ switch for display or not display exif for each image so if you want use thumbnail, you can turn off (for only that image). Anyway, this issue had been very helpful for my next version.
thanks.
February 18th, 2010
Always happy to be useful! ;) So i will turn off the plugin until you added that feature. Even cooler would be if it supports also on thumbnails/lightbox Images, cause when people are interested in the EXIF Data i think they’re also interested in seeing the Image in Large ;)
BTW, your plugin seems to be the only “stylish” one to show EXIF, the overlay style is really great!
Cheers
February 18th, 2010
May it would be possible for thumbnail / lightbox images if you point to the linked image to retrieve the EXIF data?
I know some simple php, but i’m not sure if this would be possible.
February 19th, 2010
Hi,
now i’m planning to update entire source code of this plugin to add some features including thumbnail/lightbox issue. displaying exif data while mouse over is one of idea which i dropped before because in some browser, it pulls flicker on your screen. but i will search some other way displaying exif. anyway, when i finished update this code, you can find it at your wordpress admin window (at plugin section).
thanks
February 20th, 2010
Oh i think the Mouseover function is really great, sad that i calls issues, but maybe you let it in as an option anyway? On my non-commercial Blog i kinda don’t care about IE or other retarded Browsers, and prefer to have good function for good Browsers, I even added “box-shadow” and i know that apart of FF and Safari nearly no Browser actually supports it, but for those who know which browser to use, they get a little extra.
Which Browsers do have the flickering issue?
February 20th, 2010
last time i tested that logic, it’s only logical issue not browser issue so maybe this issue is fix-able. and also it is time to ‘graduate’ ie6 so newer my code will be support only ie7 or later version (off course i do support ff and safari)…
February 24th, 2010
Thanks for great plugin! Works quite good. I have two feature requests:
optional turn off switch for predefined images – not all jpegs on my site are photos, I dont want exif layer on them :)
optional exif layer on bottom border of image, not on top – sometimes I think it looks better;
Now I have few errors because plugin is trying to get exif data from .gif files – is it easy way to correct this error?
February 26th, 2010
Hi Paul
thank you comment me and i will think about your ideas for next version … especially loading gif image thing.
March 6th, 2010
hope you will release soon a version that use a external library to read exif.
March 10th, 2010
Hi
The plugin really looks good but I doesn’t seem to work with me.
http://www.photoblog.catarina.dk
How come?
March 12th, 2010
Hi
i saw your site and it looks fine, but my plugin did not work. maybe hosting server’s configuration is not fit for my plugin. it is little hard time (means busy) so i do check your site again later.
May 2nd, 2010
Hi :-) I really like the concept of your EXIF plugin and the simplicity of adding this information as an overlay on top of the current image displayed. However, I think that most users will also use something to show their images like with lightbox or (as I do) Shadowbox-js. Can your plugin be made to work with these image viewers ? thanks !
May 2nd, 2010
update: currently I get the following error (so for now I de-activated the plugin) >>>Fatal error: Call to undefined function exif_read_data() in /data/virtualhosts/fotovriendenwestfriesland.nl/virtualhosts/htdocs/wp-content/plugins/display-exif/display_exif.php on line 125<<<
May 3rd, 2010
hi Richard,
there’s plan to support lightbox and/or other something for displaying images nicely plugins.
May 3rd, 2010
one more thing.
if you see that error message, it means the server configuration which you are currently using for wordpress is not support exif displaying. (the error said that function which this plugin requires is missing)
this is not uncommon function, so it is better to ask your server administrator to re-configurate it if u want to use this kind of thing. (u can wait until lightbox supported version of my plugin) :D
May 11th, 2010
Hello,
I like the idea behind your plug-in, however it doesn’t work with the newest version of WordPress.
Any idea on when a updated version will be available?
Cheers
May 11th, 2010
Hi Ian,
i saw your site and there’s some reason why my plugin does not work.
1) image does not have exif data or does not have focus length. if the image is kind of screenshot, or some images which did not come from camera dont have exif data. so the plugin does not show anything.
2) you are using thumbnail to display on your site. if the image is already clickable, this plugin does not
display anything.
i think your reason why my plugin does not work is this.
May 24th, 2010
Hi V.J.C
How could I change EXIF Data info to display on 1 line, instead of multi-line (default). And Is it possible to move the “EXIF layer” to the bottom of photo?
Thanks. I love your plugin.
May 24th, 2010
Oh, sorry, there is 1 more thing. Somehow “display exif” conflict with my “contact form 7″ plugin.
Checkout: http://tlaphotos.com/contact
Thanks again
May 24th, 2010
Hi tLa,
it is good idea to display only one line exif data, but it is not possible to do so with current version. maybe i will think about this option for next version..
thank you using my plugin
May 24th, 2010
one more thing,
‘contact form 7′, maybe this plugin generates GIF format thumbnail so the plugin cannot read it. GIF issue is known issue so again, this issue is on my fix list, too.
thank you
June 13th, 2010
This is a wonderful plugin. So great! It just… well doesn’t work with another one that’s also important to me: Lightbox 2
In the full size modus it’s perfect. But as lightbox 2 adds the lightbox effect to galleries, it interfers with your plugin (or vice versa). So sad about it. Any chance to fix it?
June 13th, 2010
edit: If it was just possible to deactivate it for galleries, I’d be perfectly happy!
June 13th, 2010
Hi bee,
yes i am using lightbox, too and this plugin should support it in some ways. there’s still not good answer but remember, i am still thinking about this issue.
thank you using my plugin anyway
July 24th, 2010
Hi,
A very fine plug, but where do I change the CSS? I’d like to style the fonts…
@Patrick, on September 28th, 2009:
I have the same ‘problem’: When I mouseover the picture, the EXIF shows perfectly. But when I mouseover the EXIF-data, the screen flicks like its on drugs…
July 25th, 2010
Hi Jean,
to change fonts, u can use css to change it and it will be something like this:
.display_exif_title {font-size: 20pt;
font-weight: bold;
}
the issue of flicking is on my work list.