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 PostsFive Minute Friends | Oh the People You Will Meet Freedom Tour | Not an Empty Nester A Happy Ending Losing a Phone in a London Taxi It's a Wrap 2016 | Tina Case Photography Blessed Holidays | Tina Case Photography How to Remove a Stuck Canon 50mm Lens | Tina Case Photography Teaching Photography to Homeless and Recovering Addicts | Tina Case Photography My Bucket List | Tina Case Photography Playing with Photoshop Layered Templates - Lavender Fields | Before and After Canon 5D Mark II LCD Cover Replacement