The plugin adds a drag slider on top of two perfectly overlayed images.
By moving the slider sideways, the user minimizes the first image, revealing the second image, placed under the first.
The plugin can also be used multiple times on the same page, and also works with external controls that position the drag slider to preset positions.
Another great feature is its support for mouse clicks. If the user clicks on a position on the image, the drag slider can be automatically be positioned on that position as well.
The Before/After jQuery plugin can be used for product previews, in photo editing applications, in image galleries, and many other more.
Currently the plugin is extremely popular with developers, being used by famous services and websites like The New York Times, Esquire, Time, NASA, or the Lost Angeles Times.
Features:
- Lightweight file size
- Degrades with JS turned off
- No Flash, just JavaScript
- Keyboard shortcuts
- Mouse click support
- Support for external drag slider controls
- Drag slider can be animated
Requirements:
- JavaScript enabled on client side
- jQuery
Comments not found