Before/After viewer

Sam SineSam Sine Registered Users Posts: 4 Beginner grinner
edited October 13, 2014 in SmugMug Customization
Hello!

I'd like to implement this Before/After viewer on my site (http://codecanyon.net/item/smart-before-after-viewer/full_screen_preview/7672815)
But I can only import HTNL/CSS on SmugMug. Does anyone have any idea of how that could be attainable?

Thank you in advance!
Sam

Comments

  • annnna8888annnna8888 Registered Users, Super Moderators Posts: 936 SmugMug Employee
    edited October 13, 2014
    Hi Sam,

    This viewer appears to require Javascript, which is not allowed on SmugMug, so it can't be used, sorry.

    Ana
    SmugMug Support Hero
    Ana
    SmugMug Support Hero Manager
    My website: anapogacar.smugmug.com
  • Sam SineSam Sine Registered Users Posts: 4 Beginner grinner
    edited October 13, 2014
    Hi Ana,
    Thanks for your reply.
    Is there, at least, other alternatives to get a similar viewer on Smugmug?
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited October 13, 2014
    I guess i don't understand what you want. All I see is a photo with a hover action.

    Just about anything can be done using a html content block with html and CSS.

    The slider might be a problem though.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • pilotdavepilotdave Registered Users Posts: 785 Major grins
    edited October 13, 2014
    Sam Sine wrote: »
    Hi Ana,
    Thanks for your reply.
    Is there, at least, other alternatives to get a similar viewer on Smugmug?

    Try this: http://www.sherlockphotography.org/Customisations/Before-and-after

    Dave
  • Sam SineSam Sine Registered Users Posts: 4 Beginner grinner
    edited October 13, 2014
    pilotdave wrote: »
    Try this: http://www.sherlockphotography.org/Customisations/Before-and-after

    Dave

    Thanks Allen for your contribution.

    Thanks Dave for your precious help. I scrolled and scrolled dozens of pages on google typing "smugmug before after viewer" but it never brought me to this link.So I appreciate a lot your useful link.

    I had managed to build a similar one except that it was a hover-reveal when placing the cursor onto the picture. But I couldn't manage to get it responsive for smaller screens nor working on tactile screens. It seems that I have the same issue with this one as well. Can't swipe on tactile screens and if the screen gets very small (like a smartphone), the viewer completely disappears.

    I wish the support heroes were a bit more helpful. Like "sorry, you can't use this viewer because of its Javascript implementation but here is the link to a CSS/HTML viewer that works on SmugMug". That would sound a bit more heroic to me. Whenever, I contact them for help, it's always "No, you can't do that", "No, we don't offer that option", "No, we don't provide a slideshow viewer with a thumbnail preview" without trying to do the extra mile to come up with an alternative solution. I thought the guys were like CSS/HTML heroes but no, just regular customer service.
    So, again, thank you Dave for helping me!
  • annnna8888annnna8888 Registered Users, Super Moderators Posts: 936 SmugMug Employee
    edited October 13, 2014
    Sam, I completely forgot about Sherlock's solution, I'm sorry I didn't include it in my initial reply! Luckily, our trusty Dgrinners came to the rescue! Thanks, Dave :)

    Ana
    SmugMug Support Hero
    Ana
    SmugMug Support Hero Manager
    My website: anapogacar.smugmug.com
  • Sam SineSam Sine Registered Users Posts: 4 Beginner grinner
    edited October 13, 2014
    annnna8888 wrote: »
    Sam, I completely forgot about Sherlock's solution, I'm sorry I didn't include it in my initial reply! Luckily, our trusty Dgrinners came to the rescue! Thanks, Dave :)

    Ana
    SmugMug Support Hero

    I appreciate your reply, Ana. Thank you!
Sign In or Register to comment.