Everything come through the eyes, whatever the topic is (specifically talking about images) the best (nice, beautiful) impression of something, will be always the election of an user. The ability to allow the user to view a comparison between 2 images and control it by himself can be a fascinating experience for the user and advantageous for you. Notably, we are not talking only about timelines (before and after), but for comparison between your product and others (independently of if they're similar or not).
Cocoen is a touch-enabled before/after slider jQuery plugin with requestAnimationFrame. This plugin is based in Before-after.js
A simple jquery plugin for creating image comparison sliders.
You can use it in horizontal or even in vertical mode.
Before-after.js is simple and responsive image comparison slider. Although the idea of a before-after slider is nothing new and although there are even pure CSS implementations that is nothing but short of amazing. Before-after.js is very simple and will probably fit with all your needs.
1. Twenty Twenty
Developers tend to typically place two images next to each other in hopes that the user will see clearly and exactly what changed. But there's a better way to highlight the differences between two images, a way that would bring everything into focus.
That's the point of Twenty Twenty, this jQuery plugin is a visual diff tool, that makes it easy to spot differences between 2 images for the user through a slider item.
If you know another awesome plugin to compare images (before and after), please share it with the community in the comment box.
Become a more social person