11.01.2010
ElementStack for jQuery
ElementStacks stacks elements/images on top of each other with a funky animation.
jQuery version of ElementStacks by Oskar Krawczyk.
Demo
Dependencies
- jQuery 1.2.3+
- jQuery Easing Plugin (optional)
How to use
$(<wrapper>).elementStacks();
Options
- itemsSelector: selector for the stackItems inside your wrapper. Default img.
- rotationDeg: degree of the rotation. Default 20.
- delay: delay between the animation of the elements. Default 40.
- duration: duration of the animation for each element. Default 900.
- transition: the name of the easing effect that you want to use. Default swing.
Download
- Version 1.0: tgz | zip
- Source Code on GitHub
License
ElementStacks is licensed under MIT.
Add your comment
Your comment won't be synchronized with external services.
name: your real name
email: won't be published
website: (optional) your website
comment: your comment
3 comments
Really nice port to jQUery of this Mootools Plugin!
Would it be possible to have the opposite effect? I mean having a stack of pics when page load and then expand the stack by clicking on it?
Hi Jul,
thanks for your feedback, I've just started working on it.
First draft:
http://jsfiddle.net/marcofucci/rRtAq/229/
Let me know if you like it.
Thanks a lot! That's exactly what I was looking for!
Really nice and quick!