SmugMug Embed Exif Hover Plugin

Alpha_Plus · January 25, 2014

Hi all,

I'm wondering if anyone knows what plugin Trey Ratcliff has used on his new website for all his shots embedded from smugmug.

You can see it in action on his site: stuckincustoms.com.

Thanks

denisegoldberg · January 26, 2014

What page are you referring to? And what hover? Can you post a link to an example?

The pages shown when you click "View Portfolio" on Trey's site are directly from smugmug. The hover over the photos shows the photo caption (not exif); that is standard smug behavior.

--- Denise

Alpha_Plus · January 26, 2014

denisegoldberg wrote: »

What page are you referring to? And what hover? Can you post a link to an example?

The pages shown when you click "View Portfolio" on Trey's site are directly from smugmug. The hover over the photos shows the photo caption (not exif); that is standard smug behavior.

--- Denise

Hi Denise,

I'm referring to his wordpress blog. He embed's his images into his blog posts and when the mouse hovers over them, the exif pops up.

ChancyRat · January 26, 2014

I think he means, if you scroll down this page to the first photo under "Daily Photo Looking Across the Lake", and hover over it, a non-SM hover thingy activates.
http://www.stuckincustoms.com/

Alpha_Plus · January 26, 2014

ChancyRat wrote: »

I think he means, if you scroll down this page to the first photo under "Daily Photo Looking Across the Lake", and hover over it, a non-SM hover thingy activates.
http://www.stuckincustoms.com/

That's right ChancyRat... Has anyone seen that plugin before?

thenickdude · January 27, 2014

The EXIF data appears in the HTML, so it's something that his webserver is doing rather than a JavaScript library. I suspect it's something that was developed uniquely for his website.

beardedgit · January 28, 2014

Alpha_Plus wrote: »

Hi all,

I'm wondering if anyone knows what plugin Trey Ratcliff has used on his new website for all his shots embedded from smugmug.

Wouldn't it be better to find out from the source? The Site Design Credits at http://www.stuckincustoms.com/about-this-site/ might be a good place to start

EDIT: FWIW, I'm using a custom version of this plugin on my WP blog and it's working fine.

Alpha_Plus · January 28, 2014

beardedgit wrote: »

Wouldn't it be better to find out from the source? The Site Design Credits at http://www.stuckincustoms.com/about-this-site/ might be a good place to start

EDIT: FWIW, I'm using a custom version of this plugin on my WP blog and it's working fine.

Good idea. I left a comment on one of his posts and Trey replied saying he didn't know the name. Maybe the web guys can help me out.

Would you mind posting a link to your WP blog so I can see it in action? It looks like an old plugin but good to know it still works. I assume you're on the latest WP build? And does it work even when pulling images hosted on SmugMug?

Thanks!

beardedgit · January 29, 2014

Alpha_Plus wrote: »

Would you mind posting a link to your WP blog so I can see it in action? It looks like an old plugin but good to know it still works. I assume you're on the latest WP build? And does it work even when pulling images hosted on SmugMug?

Give me an hour or so and I'll do a test-post on the blog to show it in action

beardedgit · January 29, 2014

Here you go: http://beardedgit.com/?p=10065

It works fine on images uploaded to SM since they changed the format of "Get a Link" URLs (sometime in June 2010). It doesn't work on images uploaded prior to the "Get a Link" format change.

I'm on WP 3.8.1 with auto-updates.

I would have asked the Heroes to look into the issue with old-format URLs but I know it would have been a waste of my time.

Alpha_Plus · January 29, 2014

Thanks for that! I only just signed up for SM so all my images would be in the new format anyway.

I wonder if it would still work with a light box. Maybe I could customise it to show it elsewhere. How much did you have to customise it?

beardedgit · January 29, 2014

Alpha_Plus wrote: »

I wonder if it would still work with a light box.

I'm running Shutter Reloaded and when it opens the linked image in its "lightbox" the EXIF doesn't show on mouseover in "lightbox" mode. Other lightbox plugins etc. may behave differently. Give me a minute or two and I'll enable Shutter Reloaded on the test-post.

Alpha_Plus wrote: »

Maybe I could customise it to show it elsewhere.

I don't see why not, I'm no expert but I'd imagine that the code could be easily adapted by anyone with the right skills. Not sure about copyright and IPR implications though.

Alpha_Plus wrote: »

How much did you have to customise it?

Not much - I used WP's plugin-editor to change the CSS for font-family, font-size, font-weight and line-height. No other changes.

beardedgit · January 29, 2014

beardedgit wrote: »

Give me a minute or two and I'll enable Shutter Reloaded on the test-post.

Done

Alpha_Plus · January 30, 2014

Thanks..

Looks good. I'll have to try and get it working on my site. It seemed to give some errors and wouldn't show on a post I had already published. Does it have to be a new post?

beardedgit · January 30, 2014

Alpha_Plus wrote: »

Looks good. I'll have to try and get it working on my site. It seemed to give some errors and wouldn't show on a post I had already published. Does it have to be a new post?

Are you referring to Display EXIF or to Shutter Reloaded?

Alpha_Plus · January 30, 2014

I'm referring to the Exif plugin.

beardedgit · January 30, 2014

Alpha_Plus wrote: »

I'm referring to the Exif plugin.

Hmm... maybe the issue is theme-related rather than SM-related? My WP installation is up-to-date but it's running a theme which is quite old (Mike Little's Journalized Theme Version 2). Maybe the newer themes don't have the required hooks or whatever it is that allows older plugins to do their stuff?

I'll temporarily switch themes later today to see if the SM/EXIF/Shutter combi still works.

Alpha_Plus · January 30, 2014

I take that back.. it's working now but only on some posts. Light box still works.

Thanks.

EDIT Found the reason... The image reference has to be in "" tags not ''. i.e.

<img src="imagesource.jpg"> not <img src='imagesource.jpg'>

Alpha_Plus · January 30, 2014

For some reason it's not showing the F Stop though.. It's embedded in the photo on SM though...

beardedgit · January 30, 2014

Glad you've got it working.

I just checked mine and I don't see the F-stop title or value either, I'd not noticed that before so thanks for the heads-up.
Perhaps the plugin code is bugged?

Any chance of a link to where you've got it working, so I can have a peek at the page-source? Me and a tech-buddy have a few hours spare over the weekend, we might be able to tweak the plugin code to get the F-stop data to show.

Alpha_Plus · January 30, 2014

Sure... It's not on my main site cos I'm creating a new one / updating everything. You can see a blog post here.

Let me know how you go. I'd love to add "sec" or "seconds" after the exposure time, but not sure where to add it.

Ideally I was after a plugin that could pull the information from an image and display it anywhere on the page using a shortcode. Something like this plugin http://wordpress.org/plugins/thesography/. But this one only works with images hosted in your wordpress media library.

I was thinking it would be cool to be able to call a function from the one we are using and define it as a short code.. i.e. [ displayexif url="image-source.jpg" ]

SmugMug Embed Exif Hover Plugin

Comments