Comparing images in JS? Sure thing! With solutions such as jQuery compare images.
jQuery compare images plugin
Responsive solution! Many features available, such as: compatibility (even ie9+), animation options, touch friendly, mouse drag (Hammerjs), lightweight. Optional alternative interaction modes : drag by default (the recommended one), click and mousemove (warning desktop friendly only for this settings).
<link rel="stylesheet" href="images-compare.css">
<!-- Main div container -->
<!-- The first div will be the front element -->
<div style="display: none;">
<img src="assets/img/before.jpg" alt="Before">
<!-- This div will be the back element -->
<img src="assets/img/after.jpg" alt="After">
Strictly Necessary Cookies
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.