Before and After Slider For Photography Blog Posts
As a photographer there are oftentimes when you want to display a "Before" and "After" comparison. Or to make a more compelling website/blog post you need to have a unique way of displaying two images. Frequently you'll see a side-by-side comparison. While this does the trick, it's just not nearly as FUN as a SLIDER (SEE THE VERY BOTTOM EXAMPLE).
Examples of sliders:
And this example where I got enormous help from Bertrand.
The link where I saw a slider for the first time was this post.
Great examples of when to use this are pre and post Photoshop/Lightroom, comparing the same people at different points in time (which is what my example displays), and construction photos of a home in progress.
To create this you do have to have some ability to do HTML and specifically JQuery. If you do not, then you may want to hire a designer who can help you do this.
Now I could just post the two photos I want to show like this (these are images taken 4 years apart):
NOW CHECK IT OUT! Doesn't this BEFORE and AFTER Slider make a nice impact? A HUGE thank you to Bertrand Hui Photography for his guidance in showing me how to do this. THANK YOU!
Just move the red slider back and forth - cool isn't it?
Questions or comments? Feel free to leave them below!
No comments posted.
Get a free gift when you buy a bag!
What's in my favorite Thinktank Bag?
.. Find me on Flickr
.. Interview on Housing 1000
Popular Blog Posts
Recent PostsGetting my California RealID | Traveling Trifecta | Three Author Photos in ONE YEAR | Tina Case Photography Namaste y Pura Vida | A Costa Rica Mind, Heart, Body, Soul Women's Retreat MCP Adobe Lightroom Actions | Before and After Broadway & Musical Legends | Iris Dart, Mike Stoller and Artie Butler with The Guggenheims The Gift of Rally | The Heart of a Dog DIY Solar Filters Which Work Best? More 5 Minute Friends from Iceland and Ireland (F)ire and Ice | Our Whirlwind 6 days in Iceland and Ireland Olloclip for iPhone 7/7Plus