This time I will share jQuery Plugin and tutorial about jQuery Plugin For Creating Stacked Elements – elstack, hope it will help you in programming stack.
elstack is a simple and funny jQuery plugin used to create a group of HTML elements, to show a bundle just like the stacked cards.
How to use it:
1. Just place the jQuery elstack plugin’s script after jQuery JavaScript library and we’re ready to go.
1 |
<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script> |
2 |
<script src="dist/elStack.min.js"></script> |
2. Add the ‘data-elstack’ attribute to your element and specify the number of elements to be stacked.
1 |
<div data-elstack="10"> |
3. Adjust the top and left offsets in pixels.
2 |
data-elstack-offset-top="8" |
3 |
data-elstack-offset-left="8"> |
4. Override the default wrapper CSS class:
2 |
data-elstack-offset-top="8" |
3 |
data-elstack-offset-left="8" |
4 |
data-elstack-class="elStack-container"> |
5. Set the stack styles:
2 |
data-elstack-offset-top="8" |
3 |
data-elstack-offset-left="8" |
4 |
data-elstack-style="default"> |
Change log:
2016-12-31
This awesome jQuery plugin is developed by farhanwazir. For more Advanced Usages, please check the demo page or visit the official website.
