ClassyCompare

ClassyCompare basically overlays the before & after images, adding a mouse cursor-controlled slider, to remove or apply a mask to the top image.

The plugin can be used to showcase changes made to an image, showing the initial image, and the one resulting after the manipulation.

The before&after drag handler is automatically controlled via the mouse cursor, and the plugin additionally supports showing small text-based captions for the two image states.

This is ideal for e-commerce platforms primarily, but it can be used for other types of sites as well.

A working demo is included with the jQuery ClassyCompare download package.

Requirements:

• JavaScript enabled on client side
• jQuery 1.6 or higher