This time I will share jQuery Plugin and tutorial about Cross-browser Textarea Maxlength Plugin – jQuery maxlength.js, hope it will help you in programming stack.
A before/after image comparison jQuery plugin that creates a custom horizontal or vertical slider to compare two overlapping images for differences.
How to use it:
1. Insert the before and after images into the comparison area.
2 |
<div><img alt="before" src="before.jpg"></div> |
3 |
<div><img alt="after" src="after.jpg"></div> |
2. Download and insert the JavaScript file beforeAfter.js after jQuery library.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="js/beforeAfter.js"></script> |
3. Initialize the image comparison slider with default settings.
1 |
$('#demo').beforeAfter(); |
4. Customize the image comparison slider with the following options.
01 |
$('#demo').beforeAfter({ |
08 |
returnToCenter : 'true', |
This awesome jQuery plugin is developed by derickwelman. For more Advanced Usages, please check the demo page or visit the official website.
