before-after.js takes two images and stacks them on top of each other.
A handle is shown in the middle, which can easily be dragged to the left or the right to reveal more of one image or the other.
This widget can be used to show differences and changes between two versions of an image, and is widely used in landing pages and e-commerce stores to show the benefits of a product or service.
While there are a few widgets like these that already provided this functionality, the before-after.js component comes with support for responsive layouts, and for touch-based devices.
A demo is included with the download package.
Requirements:
- JavaScript enabled on client side
- jQuery
- jQuery Mobile
Comments not found