Options

SmugMug Embed Exif Hover Plugin

Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
edited January 30, 2014 in SmugMug Support
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
Karl Lindsay
Nikon D600
Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
Induro CT-014 Tripod
karllindsayphotography.com | Photos on Facebook | 500px

Comments

  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,247 moderator
    edited 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
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited 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

    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.
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited 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/
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited 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?
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    thenickdudethenickdude Registered Users Posts: 1,302 Major grins
    edited 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.
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited 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 thumb.gif

    EDIT: FWIW, I'm using a custom version of this plugin on my WP blog and it's working fine.
    Yippee ki-yay, footer-muckers!
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited 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 thumb.gif

    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!
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited 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 thumb.gif
    Yippee ki-yay, footer-muckers!
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited 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.
    Yippee ki-yay, footer-muckers!
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited 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?
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited 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.
    Yippee ki-yay, footer-muckers!
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited January 29, 2014
    beardedgit wrote: »
    Give me a minute or two and I'll enable Shutter Reloaded on the test-post.
    Done thumb.gif
    Yippee ki-yay, footer-muckers!
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited 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?
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited 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?
    Yippee ki-yay, footer-muckers!
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited January 30, 2014
    I'm referring to the Exif plugin.
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited 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.
    Yippee ki-yay, footer-muckers!
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited 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'>
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited January 30, 2014
    For some reason it's not showing the F Stop though.. It's embedded in the photo on SM though...
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited 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.
    Yippee ki-yay, footer-muckers!
  • Options
    Alpha_PlusAlpha_Plus Registered Users Posts: 253 Major grins
    edited 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" ]
    Karl Lindsay
    Nikon D600
    Samyang 14mm f/2.8 | Nikkor 24mm f/2.8 | Nikkor 28-300mm f/3.5-5.6 | Nikkor 50mm f/1.8
    Induro CT-014 Tripod
    karllindsayphotography.com | Photos on Facebook | 500px
Sign In or Register to comment.