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.
New version available here
Demo
Dependencies
- jQuery 1.2.3+
- jQuery Easing Plugin (optional)
How to use
$(<wrapper>).elementStacks();
Options
- items_selector: 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
5 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!
Wow! Really nice plugin! You should also work on moving the stack around by dragging also. That would be the icing on the cake. All in your time though.
My rating: 5/5 (with the stack dragging :) )
@Jul just released a new version with the feature you wanted:
http://www.marcofucci.com/tumblelog/15/mar/2010/elementstack_v1-1/
@Shivanand yeah it might be nice. I wish I had more time! Anyway, I'll see what I can do.