🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery responsive image comparison plugin to show the differences between before and after images that responds to mouse movement as well as touch tap.

Image-Comparison

Documentation

jQuery Image Comparison

Small and simple jQuery plugin for image comparison.

  • Responsive
  • Horizontal or vertical direction
  • Extremely easy to use
  • Lightweight (less than 1KB when minified)

Demo

https://burmov.eu/demos/jquery-image-comparison/

Usage

  1. CSS & JS
<link rel="stylesheet" href="jquery-image-comparison.min.css"> <script src="jquery-image-comparison.min.js"></script>
  1. Markup
<ul class="comparison vertical">   <li><img src="images/mount.jpg" alt="Original Mountain"></li>   <li><img src="images/mount2.jpg" alt="Modified Mountain"></li> </ul>
  1. You're done!

You May Also Like