“Top Saratoga California Photographer” “Headshot Photographer” “San Francisco Photographer” “Best Saratoga CA Photographer” “Best Cupertino Photographer” “Saratoga Photographer”

Before and After Slider For Photography Blog Posts

February 05, 2015  •  Leave a Comment

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: 

Zurb article

Demosthenes.Info

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.  

My Example:

Now I could just post the two photos I want to show like this (these are images taken 4 years apart):

Typical BEFORE and AFTER PhotosTypical BEFORE and AFTER PhotosTypical BEFORE and AFTER Photos Typical BEFORE and AFTER PhotosTypical BEFORE and AFTER PhotosTypical BEFORE and AFTER Photos

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!


Comments

No comments posted.
Loading...

Get a free gift when you buy a bag!

What's in my favorite Thinktank Bag?

What's in my camera bag?What's in my camera bag?Where can you buy what's in my camera bag?

Thumbtack Best Pro of 2015
My work on

On Getty ImagesOn Getty Images

 

 


I've been newly minted

Art Prints
Certified Photographer for
A Little Rae of HopeA Little Rae of HopeA Little Rae of Hope
Like me on Facebook

Instagram #tinacasephotography

Do you Instagram?Follow me, I'll Follow You

.. Find me on Flickr

FlickrFind me on FlickrI'm on Flickr!

.. Interview on Housing 1000

Housing the HomelessHousing 1000Photographer for Housing 1000

Popular Blog Posts